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

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

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

キーカラーKey Color

配色の基準となる色

#cfd6abの配色パターン

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

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

#cfd6abの配色パターン

#313329の配色パターン

#636652の配色パターン

#94997aの配色パターン

#c5cca3の配色パターン

#f7ffccの配色パターン

■#cfd6ab ■#313329 ■#636652 ■#94997a ■#c5cca3 ■#f7ffcc

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

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

#cfd6abの配色パターン

#cfd6abの配色パターン

#c8d681の配色パターン

#c1d656の配色パターン

#bad62bの配色パターン

#b3d600の配色パターン

■#cfd6ab ■#cfd6ab ■#c8d681 ■#c1d656 ■#bad62b ■#b3d600

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

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

#cfd6abの配色パターン

#b3abd6の配色パターン

■#cfd6ab ■#b3abd6

トライアド配色Triads

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

#cfd6abの配色パターン

#abcfd6の配色パターン

#d6abcfの配色パターン

■#cfd6ab ■#abcfd6 ■#d6abcf

アナロガス配色Analogous

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

#d6b3abの配色パターン

#cfd6abの配色パターン

#abd6b3の配色パターン

■#d6b3ab ■#cfd6ab ■#abd6b3

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

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

#cfd6abの配色パターン

#abbad6の配色パターン

#c8abd6の配色パターン

■#cfd6ab ■#abbad6 ■#c8abd6

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

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

#cfd6abの配色パターン

#abcfd6の配色パターン

#b3abd6の配色パターン

#d6b3abの配色パターン

■#cfd6ab ■#abcfd6 ■#b3abd6 ■#d6b3ab

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

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

#cfd6abの配色パターン

#abd6c8の配色パターン

#b3abd6の配色パターン

#d6abbaの配色パターン

■#cfd6ab ■#abd6c8 ■#b3abd6 ■#d6abba

ペンタード配色Pentad

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

#cfd6abの配色パターン

#abd6bbの配色パターン

#abbed6の配色パターン

#ccabd6の配色パターン

#d6abadの配色パターン

■#cfd6ab ■#abd6bb ■#abbed6 ■#ccabd6 ■#d6abad

ヘクサード配色Hexad

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

#cfd6abの配色パターン

#abd6b3の配色パターン

#abcfd6の配色パターン

#b3abd6の配色パターン

#d6abcfの配色パターン

#d6b3abの配色パターン

■#cfd6ab ■#abd6b3 ■#abcfd6 ■#b3abd6 ■#d6abcf ■#d6b3ab