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

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

#333b12の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#333b12の配色パターン

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

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

#333b12の配色パターン

#2c3310の配色パターン

#586620の配色パターン

#84992fの配色パターン

#b0cc3fの配色パターン

#dcff4fの配色パターン

■#333b12 ■#2c3310 ■#586620 ■#84992f ■#b0cc3f ■#dcff4f

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

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

#333b12の配色パターン

#383b2fの配色パターン

#363b23の配色パターン

#343b17の配色パターン

#313b0cの配色パターン

#2f3b00の配色パターン

■#333b12 ■#383b2f ■#363b23 ■#343b17 ■#313b0c ■#2f3b00

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

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

#333b12の配色パターン

#1a123bの配色パターン

■#333b12 ■#1a123b

トライアド配色Triads

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

#333b12の配色パターン

#12333bの配色パターン

#3b1233の配色パターン

■#333b12 ■#12333b ■#3b1233

アナロガス配色Analogous

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

#3b1a12の配色パターン

#333b12の配色パターン

#123b1aの配色パターン

■#3b1a12 ■#333b12 ■#123b1a

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

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

#333b12の配色パターン

#121e3bの配色パターン

#2f123bの配色パターン

■#333b12 ■#121e3b ■#2f123b

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

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

#333b12の配色パターン

#12333bの配色パターン

#1a123bの配色パターン

#3b1a12の配色パターン

■#333b12 ■#12333b ■#1a123b ■#3b1a12

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

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

#333b12の配色パターン

#123b2fの配色パターン

#1a123bの配色パターン

#3b121eの配色パターン

■#333b12 ■#123b2f ■#1a123b ■#3b121e

ペンタード配色Pentad

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

#333b12の配色パターン

#123b22の配色パターン

#12223bの配色パターン

#33123bの配色パターン

#3b1212の配色パターン

■#333b12 ■#123b22 ■#12223b ■#33123b ■#3b1212

ヘクサード配色Hexad

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

#333b12の配色パターン

#123b1aの配色パターン

#12333bの配色パターン

#1a123bの配色パターン

#3b1233の配色パターン

#3b1a12の配色パターン

■#333b12 ■#123b1a ■#12333b ■#1a123b ■#3b1233 ■#3b1a12