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

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

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

キーカラーKey Color

配色の基準となる色

#f1cc11の配色パターン

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

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

#f1cc11の配色パターン

#332b04の配色パターン

#665607の配色パターン

#99810bの配色パターン

#ccac0eの配色パターン

#ffd712の配色パターン

■#f1cc11 ■#332b04 ■#665607 ■#99810b ■#ccac0e ■#ffd712

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

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

#f1cc11の配色パターン

#f2eac2の配色パターン

#f2e291の配色パターン

#f2da61の配色パターン

#f2d230の配色パターン

#f2ca00の配色パターン

■#f1cc11 ■#f2eac2 ■#f2e291 ■#f2da61 ■#f2d230 ■#f2ca00

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

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

#f1cc11の配色パターン

#1137f2の配色パターン

■#f1cc11 ■#1137f2

トライアド配色Triads

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

#f1cc11の配色パターン

#11f2cdの配色パターン

#cd11f2の配色パターン

■#f1cc11 ■#11f2cd ■#cd11f2

アナロガス配色Analogous

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

#f21137の配色パターン

#f1cc11の配色パターン

#37f211の配色パターン

■#f21137 ■#f1cc11 ■#37f211

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

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

#f1cc11の配色パターン

#11a7f2の配色パターン

#5c11f2の配色パターン

■#f1cc11 ■#11a7f2 ■#5c11f2

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

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

#f1cc11の配色パターン

#11f2cdの配色パターン

#1137f2の配色パターン

#f21137の配色パターン

■#f1cc11 ■#11f2cd ■#1137f2 ■#f21137

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

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

#f1cc11の配色パターン

#11f25cの配色パターン

#1137f2の配色パターン

#f211a7の配色パターン

■#f1cc11 ■#11f25c ■#1137f2 ■#f211a7

ペンタード配色Pentad

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

#f1cc11の配色パターン

#11f218の配色パターン

#11bef2の配色パターン

#7311f2の配色パターン

#f21164の配色パターン

■#f1cc11 ■#11f218 ■#11bef2 ■#7311f2 ■#f21164

ヘクサード配色Hexad

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

#f1cc11の配色パターン

#37f211の配色パターン

#11f2cdの配色パターン

#1137f2の配色パターン

#cd11f2の配色パターン

#f21137の配色パターン

■#f1cc11 ■#37f211 ■#11f2cd ■#1137f2 ■#cd11f2 ■#f21137