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

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

#1f6361の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#1f6361の配色パターン

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

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

#1f6361の配色パターン

#103332の配色パターン

#206664の配色パターン

#2f9995の配色パターン

#3fccc7の配色パターン

#4ffff9の配色パターン

■#1f6361 ■#103332 ■#206664 ■#2f9995 ■#3fccc7 ■#4ffff9

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

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

#1f6361の配色パターン

#506363の配色パターン

#3c6362の配色パターン

#286361の配色パターン

#146361の配色パターン

#006360の配色パターン

■#1f6361 ■#506363 ■#3c6362 ■#286361 ■#146361 ■#006360

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

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

#1f6361の配色パターン

#631f21の配色パターン

■#1f6361 ■#631f21

トライアド配色Triads

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

#1f6361の配色パターン

#611f63の配色パターン

#63611fの配色パターン

■#1f6361 ■#611f63 ■#63611f

アナロガス配色Analogous

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

#21631fの配色パターン

#1f6361の配色パターン

#1f2163の配色パターン

■#21631f ■#1f6361 ■#1f2163

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

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

#1f6361の配色パターン

#631f43の配色パターン

#633f1fの配色パターン

■#1f6361 ■#631f43 ■#633f1f

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

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

#1f6361の配色パターン

#611f63の配色パターン

#631f21の配色パターン

#21631fの配色パターン

■#1f6361 ■#611f63 ■#631f21 ■#21631f

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

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

#1f6361の配色パターン

#3f1f63の配色パターン

#631f21の配色パターン

#43631fの配色パターン

■#1f6361 ■#3f1f63 ■#631f21 ■#43631f

ペンタード配色Pentad

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

#1f6361の配色パターン

#2a1f63の配色パターン

#631f4aの配色パターン

#63461fの配色パターン

#2f631fの配色パターン

■#1f6361 ■#2a1f63 ■#631f4a ■#63461f ■#2f631f

ヘクサード配色Hexad

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

#1f6361の配色パターン

#1f2163の配色パターン

#611f63の配色パターン

#631f21の配色パターン

#63611fの配色パターン

#21631fの配色パターン

■#1f6361 ■#1f2163 ■#611f63 ■#631f21 ■#63611f ■#21631f