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

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

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

キーカラーKey Color

配色の基準となる色

#ccc545の配色パターン

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

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

#ccc545の配色パターン

#333111の配色パターン

#666323の配色パターン

#999434の配色パターン

#ccc545の配色パターン

#fff757の配色パターン

■#ccc545 ■#333111 ■#666323 ■#999434 ■#ccc545 ■#fff757

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

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

#ccc545の配色パターン

#cccaa3の配色パターン

#ccc87aの配色パターン

#ccc652の配色パターン

#ccc429の配色パターン

#ccc200の配色パターン

■#ccc545 ■#cccaa3 ■#ccc87a ■#ccc652 ■#ccc429 ■#ccc200

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

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

#ccc545の配色パターン

#454cccの配色パターン

■#ccc545 ■#454ccc

トライアド配色Triads

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

#ccc545の配色パターン

#45ccc5の配色パターン

#c545ccの配色パターン

■#ccc545 ■#45ccc5 ■#c545cc

アナロガス配色Analogous

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

#cc454cの配色パターン

#ccc545の配色パターン

#4ccc45の配色パターン

■#cc454c ■#ccc545 ■#4ccc45

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

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

#ccc545の配色パターン

#458fccの配色パターン

#8245ccの配色パターン

■#ccc545 ■#458fcc ■#8245cc

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

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

#ccc545の配色パターン

#45ccc5の配色パターン

#454cccの配色パターン

#cc454cの配色パターン

■#ccc545 ■#45ccc5 ■#454ccc ■#cc454c

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

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

#ccc545の配色パターン

#45cc82の配色パターン

#454cccの配色パターン

#cc458fの配色パターン

■#ccc545 ■#45cc82 ■#454ccc ■#cc458f

ペンタード配色Pentad

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

#ccc545の配色パターン

#45cc5aの配色パターン

#459dccの配色パターン

#8f45ccの配色パターン

#cc4567の配色パターン

■#ccc545 ■#45cc5a ■#459dcc ■#8f45cc ■#cc4567

ヘクサード配色Hexad

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

#ccc545の配色パターン

#4ccc45の配色パターン

#45ccc5の配色パターン

#454cccの配色パターン

#c545ccの配色パターン

#cc454cの配色パターン

■#ccc545 ■#4ccc45 ■#45ccc5 ■#454ccc ■#c545cc ■#cc454c