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

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

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

キーカラーKey Color

配色の基準となる色

#5fdebaの配色パターン

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

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

#5fdebaの配色パターン

#16332bの配色パターン

#2c6656の配色パターン

#429980の配色パターン

#58ccabの配色パターン

#6effd6の配色パターン

■#5fdeba ■#16332b ■#2c6656 ■#429980 ■#58ccab ■#6effd6

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

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

#5fdebaの配色パターン

#b1ded1の配色パターン

#85dec5の配色パターン

#59deb8の配色パターン

#2cdeacの配色パターン

#00de9fの配色パターン

■#5fdeba ■#b1ded1 ■#85dec5 ■#59deb8 ■#2cdeac ■#00de9f

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

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

#5fdebaの配色パターン

#de5f83の配色パターン

■#5fdeba ■#de5f83

トライアド配色Triads

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

#5fdebaの配色パターン

#ba5fdeの配色パターン

#deba5fの配色パターン

■#5fdeba ■#ba5fde ■#deba5f

アナロガス配色Analogous

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

#83de5fの配色パターン

#5fdebaの配色パターン

#5f83deの配色パターン

■#83de5f ■#5fdeba ■#5f83de

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

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

#5fdebaの配色パターン

#de5fc2の配色パターン

#de7b5fの配色パターン

■#5fdeba ■#de5fc2 ■#de7b5f

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

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

#5fdebaの配色パターン

#ba5fdeの配色パターン

#de5f83の配色パターン

#83de5fの配色パターン

■#5fdeba ■#ba5fde ■#de5f83 ■#83de5f

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

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

#5fdebaの配色パターン

#7b5fdeの配色パターン

#de5f83の配色パターン

#c2de5fの配色パターン

■#5fdeba ■#7b5fde ■#de5f83 ■#c2de5f

ペンタード配色Pentad

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

#5fdebaの配色パターン

#5f6adeの配色パターン

#de5fcfの配色パターン

#de875fの配色パターン

#9dde5fの配色パターン

■#5fdeba ■#5f6ade ■#de5fcf ■#de875f ■#9dde5f

ヘクサード配色Hexad

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

#5fdebaの配色パターン

#5f83deの配色パターン

#ba5fdeの配色パターン

#de5f83の配色パターン

#deba5fの配色パターン

#83de5fの配色パターン

■#5fdeba ■#5f83de ■#ba5fde ■#de5f83 ■#deba5f ■#83de5f