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

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

#16676bの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#16676bの配色パターン

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

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

#16676bの配色パターン

#0b3133の配色パターン

#156266の配色パターン

#209399の配色パターン

#2bc4ccの配色パターン

#36f5ffの配色パターン

■#16676b ■#0b3133 ■#156266 ■#209399 ■#2bc4cc ■#36f5ff

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

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

#16676bの配色パターン

#566a6bの配色パターン

#40696bの配色パターン

#2b686bの配色パターン

#15676bの配色パターン

#00666bの配色パターン

■#16676b ■#566a6b ■#40696b ■#2b686b ■#15676b ■#00666b

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

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

#16676bの配色パターン

#6b1b16の配色パターン

■#16676b ■#6b1b16

トライアド配色Triads

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

#16676bの配色パターン

#6b1667の配色パターン

#676b16の配色パターン

■#16676b ■#6b1667 ■#676b16

アナロガス配色Analogous

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

#166b1bの配色パターン

#16676bの配色パターン

#1b166bの配色パターン

■#166b1b ■#16676b ■#1b166b

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

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

#16676bの配色パターン

#6b163dの配色パターン

#6b4516の配色パターン

■#16676b ■#6b163d ■#6b4516

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

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

#16676bの配色パターン

#6b1667の配色パターン

#6b1b16の配色パターン

#166b1bの配色パターン

■#16676b ■#6b1667 ■#6b1b16 ■#166b1b

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

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

#16676bの配色パターン

#45166bの配色パターン

#6b1b16の配色パターン

#3d6b16の配色パターン

■#16676b ■#45166b ■#6b1b16 ■#3d6b16

ペンタード配色Pentad

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

#16676bの配色パターン

#2c166bの配色パターン

#6b1645の配色パターン

#6b4d16の配色パターン

#236b16の配色パターン

■#16676b ■#2c166b ■#6b1645 ■#6b4d16 ■#236b16

ヘクサード配色Hexad

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

#16676bの配色パターン

#1b166bの配色パターン

#6b1667の配色パターン

#6b1b16の配色パターン

#676b16の配色パターン

#166b1bの配色パターン

■#16676b ■#1b166b ■#6b1667 ■#6b1b16 ■#676b16 ■#166b1b