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

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

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

キーカラーKey Color

配色の基準となる色

#0cfabbの配色パターン

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

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

#0cfabbの配色パターン

#033326の配色パターン

#05664cの配色パターン

#089972の配色パターン

#0acc98の配色パターン

#0dffbeの配色パターン

■#0cfabb ■#033326 ■#05664c ■#089972 ■#0acc98 ■#0dffbe

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

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

#0cfabbの配色パターン

#c8faedの配色パターン

#96fadfの配色パターン

#64fad2の配色パターン

#32fac5の配色パターン

#00fab7の配色パターン

■#0cfabb ■#c8faed ■#96fadf ■#64fad2 ■#32fac5 ■#00fab7

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

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

#0cfabbの配色パターン

#fa0c4cの配色パターン

■#0cfabb ■#fa0c4c

トライアド配色Triads

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

#0cfabbの配色パターン

#bb0cfaの配色パターン

#fabb0cの配色パターン

■#0cfabb ■#bb0cfa ■#fabb0c

アナロガス配色Analogous

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

#4cfa0cの配色パターン

#0cfabbの配色パターン

#0c4cfaの配色パターン

■#4cfa0c ■#0cfabb ■#0c4cfa

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

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

#0cfabbの配色パターン

#fa0cc3の配色パターン

#fa440cの配色パターン

■#0cfabb ■#fa0cc3 ■#fa440c

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

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

#0cfabbの配色パターン

#bb0cfaの配色パターン

#fa0c4cの配色パターン

#4cfa0cの配色パターン

■#0cfabb ■#bb0cfa ■#fa0c4c ■#4cfa0c

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

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

#0cfabbの配色パターン

#440cfaの配色パターン

#fa0c4cの配色パターン

#c3fa0cの配色パターン

■#0cfabb ■#440cfa ■#fa0c4c ■#c3fa0c

ペンタード配色Pentad

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

#0cfabbの配色パターン

#0c1cfaの配色パターン

#fa0cdaの配色パターン

#fa5c0cの配色パターン

#7bfa0cの配色パターン

■#0cfabb ■#0c1cfa ■#fa0cda ■#fa5c0c ■#7bfa0c

ヘクサード配色Hexad

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

#0cfabbの配色パターン

#0c4cfaの配色パターン

#bb0cfaの配色パターン

#fa0c4cの配色パターン

#fabb0cの配色パターン

#4cfa0cの配色パターン

■#0cfabb ■#0c4cfa ■#bb0cfa ■#fa0c4c ■#fabb0c ■#4cfa0c