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

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

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

キーカラーKey Color

配色の基準となる色

#c7e3b1の配色パターン

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

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

#c7e3b1の配色パターン

#2d3328の配色パターン

#596650の配色パターン

#869977の配色パターン

#b3cc9fの配色パターン

#dfffc7の配色パターン

■#c7e3b1 ■#2d3328 ■#596650 ■#869977 ■#b3cc9f ■#dfffc7

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

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

#c7e3b1の配色パターン

#c9e3b6の配色パターン

#b0e388の配色パターン

#96e35bの配色パターン

#7ce32dの配色パターン

#62e300の配色パターン

■#c7e3b1 ■#c9e3b6 ■#b0e388 ■#96e35b ■#7ce32d ■#62e300

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

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

#c7e3b1の配色パターン

#cdb1e3の配色パターン

■#c7e3b1 ■#cdb1e3

トライアド配色Triads

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

#c7e3b1の配色パターン

#b1c7e3の配色パターン

#e3b1c7の配色パターン

■#c7e3b1 ■#b1c7e3 ■#e3b1c7

アナロガス配色Analogous

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

#e3cdb1の配色パターン

#c7e3b1の配色パターン

#b1e3cdの配色パターン

■#e3cdb1 ■#c7e3b1 ■#b1e3cd

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

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

#c7e3b1の配色パターン

#b4b1e3の配色パターン

#e3b1e0の配色パターン

■#c7e3b1 ■#b4b1e3 ■#e3b1e0

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

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

#c7e3b1の配色パターン

#b1c7e3の配色パターン

#cdb1e3の配色パターン

#e3cdb1の配色パターン

■#c7e3b1 ■#b1c7e3 ■#cdb1e3 ■#e3cdb1

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

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

#c7e3b1の配色パターン

#b1e0e3の配色パターン

#cdb1e3の配色パターン

#e3b4b1の配色パターン

■#c7e3b1 ■#b1e0e3 ■#cdb1e3 ■#e3b4b1

ペンタード配色Pentad

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

#c7e3b1の配色パターン

#b1e3d7の配色パターン

#b1b3e3の配色パターン

#e3b1dbの配色パターン

#e3c3b1の配色パターン

■#c7e3b1 ■#b1e3d7 ■#b1b3e3 ■#e3b1db ■#e3c3b1

ヘクサード配色Hexad

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

#c7e3b1の配色パターン

#b1e3cdの配色パターン

#b1c7e3の配色パターン

#cdb1e3の配色パターン

#e3b1c7の配色パターン

#e3cdb1の配色パターン

■#c7e3b1 ■#b1e3cd ■#b1c7e3 ■#cdb1e3 ■#e3b1c7 ■#e3cdb1