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

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

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

Groseille(fr)

キーカラーKey Color

配色の基準となる色

#cf0a1dの配色パターン

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

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

#cf0a1dの配色パターン

#330307の配色パターン

#66050fの配色パターン

#990816の配色パターン

#cc0a1eの配色パターン

#ff0d25の配色パターン

■#cf0a1d ■#330307 ■#66050f ■#990816 ■#cc0a1e ■#ff0d25

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

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

#cf0a1dの配色パターン

#cfa5a9の配色パターン

#cf7c84の配色パターン

#cf535fの配色パターン

#cf293aの配色パターン

#cf0015の配色パターン

■#cf0a1d ■#cfa5a9 ■#cf7c84 ■#cf535f ■#cf293a ■#cf0015

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

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

#cf0a1dの配色パターン

#0acfbbの配色パターン

■#cf0a1d ■#0acfbb

トライアド配色Triads

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

#cf0a1dの配色パターン

#1ecf0aの配色パターン

#0a1ecfの配色パターン

■#cf0a1d ■#1ecf0a ■#0a1ecf

アナロガス配色Analogous

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

#bb0acfの配色パターン

#cf0a1dの配色パターン

#cfbb0aの配色パターン

■#bb0acf ■#cf0a1d ■#cfbb0a

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

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

#cf0a1dの配色パターン

#0acf59の配色パターン

#0a80cfの配色パターン

■#cf0a1d ■#0acf59 ■#0a80cf

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

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

#cf0a1dの配色パターン

#1ecf0aの配色パターン

#0acfbbの配色パターン

#bb0acfの配色パターン

■#cf0a1d ■#1ecf0a ■#0acfbb ■#bb0acf

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

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

#cf0a1dの配色パターン

#80cf0aの配色パターン

#0acfbbの配色パターン

#590acfの配色パターン

■#cf0a1d ■#80cf0a ■#0acfbb ■#590acf

ペンタード配色Pentad

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

#cf0a1dの配色パターン

#bbcf0aの配色パターン

#0acf45の配色パターン

#0a6ccfの配色パターン

#940acfの配色パターン

■#cf0a1d ■#bbcf0a ■#0acf45 ■#0a6ccf ■#940acf

ヘクサード配色Hexad

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

#cf0a1dの配色パターン

#cfbb0aの配色パターン

#1ecf0aの配色パターン

#0acfbbの配色パターン

#0a1ecfの配色パターン

#bb0acfの配色パターン

■#cf0a1d ■#cfbb0a ■#1ecf0a ■#0acfbb ■#0a1ecf ■#bb0acf