#3c909bの配色パターン、色の組み合わせが一目でわかるWEB色見本

Googleアカウントでログインすると広告表示が控えめになります

#3c909bの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#3c909bの配色パターン

同一色相、同一彩度の配色

明度に変化を持たせた配色

#3c909bの配色パターン

#142f33の配色パターン

#285f66の配色パターン

#3c8e99の配色パターン

#50bdccの配色パターン

#63edffの配色パターン

■#3c909b ■#142f33 ■#285f66 ■#3c8e99 ■#50bdcc ■#63edff

同一色相、同一明度の配色

彩度に変化を持たせた配色

#3c909bの配色パターン

#7c989cの配色パターン

#5d949cの配色パターン

#3e919cの配色パターン

#1f8d9cの配色パターン

#00899cの配色パターン

■#3c909b ■#7c989c ■#5d949c ■#3e919c ■#1f8d9c ■#00899c

コンプリメンタリー配色Complementary

色相環の正反対にある色同士の配色

#3c909bの配色パターン

#9c483dの配色パターン

■#3c909b ■#9c483d

トライアド配色Triads

色相環を正三角形で3等分した位置にある3色の配色

#3c909bの配色パターン

#9c3d90の配色パターン

#909c3dの配色パターン

■#3c909b ■#9c3d90 ■#909c3d

アナロガス配色Analogous

色相環で隣り合う色を組み合わせた配色

#3d9c48の配色パターン

#3c909bの配色パターン

#483d9cの配色パターン

■#3d9c48 ■#3c909b ■#483d9c

スプリット・コンプリメンタリー配色Split Complementary

基準色とその補色の類似色を使った配色

#3c909bの配色パターン

#9c3d61の配色パターン

#9c773dの配色パターン

■#3c909b ■#9c3d61 ■#9c773d

テトラード配色(長方形)Tetrad

色相環を長方形に4分した位置にある4色の配色

#3c909bの配色パターン

#9c3d90の配色パターン

#9c483dの配色パターン

#3d9c48の配色パターン

■#3c909b ■#9c3d90 ■#9c483d ■#3d9c48

テトラード配色(正方形)Tetrad

色相環を正方形に4等分した位置にある4色の配色

#3c909bの配色パターン

#773d9cの配色パターン

#9c483dの配色パターン

#619c3dの配色パターン

■#3c909b ■#773d9c ■#9c483d ■#619c3d

ペンタード配色Pentad

色相環を正五角形で5等分した位置にある5色の配色

#3c909bの配色パターン

#5b3d9cの配色パターン

#9c3d6bの配色パターン

#9c813dの配色パターン

#459c3dの配色パターン

■#3c909b ■#5b3d9c ■#9c3d6b ■#9c813d ■#459c3d

ヘクサード配色Hexad

色相環を正六角形で6等分した位置にある6色の配色

#3c909bの配色パターン

#483d9cの配色パターン

#9c3d90の配色パターン

#9c483dの配色パターン

#909c3dの配色パターン

#3d9c48の配色パターン

■#3c909b ■#483d9c ■#9c3d90 ■#9c483d ■#909c3d ■#3d9c48