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

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

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

キーカラーKey Color

配色の基準となる色

#e3b039の配色パターン

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

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

#e3b039の配色パターン

#33280dの配色パターン

#664f1aの配色パターン

#997726の配色パターン

#cc9e33の配色パターン

#ffc640の配色パターン

■#e3b039 ■#33280d ■#664f1a ■#997726 ■#cc9e33 ■#ffc640

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

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

#e3b039の配色パターン

#e3d5b6の配色パターン

#e3c888の配色パターン

#e3ba5bの配色パターン

#e3ac2dの配色パターン

#e39f00の配色パターン

■#e3b039 ■#e3d5b6 ■#e3c888 ■#e3ba5b ■#e3ac2d ■#e39f00

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

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

#e3b039の配色パターン

#396ce3の配色パターン

■#e3b039 ■#396ce3

トライアド配色Triads

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

#e3b039の配色パターン

#39e3b0の配色パターン

#b039e3の配色パターン

■#e3b039 ■#39e3b0 ■#b039e3

アナロガス配色Analogous

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

#e3396cの配色パターン

#e3b039の配色パターン

#6ce339の配色パターン

■#e3396c ■#e3b039 ■#6ce339

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

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

#e3b039の配色パターン

#39c1e3の配色パターン

#5b39e3の配色パターン

■#e3b039 ■#39c1e3 ■#5b39e3

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

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

#e3b039の配色パターン

#39e3b0の配色パターン

#396ce3の配色パターン

#e3396cの配色パターン

■#e3b039 ■#39e3b0 ■#396ce3 ■#e3396c

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

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

#e3b039の配色パターン

#39e35bの配色パターン

#396ce3の配色パターン

#e339c1の配色パターン

■#e3b039 ■#39e35b ■#396ce3 ■#e339c1

ペンタード配色Pentad

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

#e3b039の配色パターン

#4ae339の配色パターン

#39d2e3の配色パターン

#6c39e3の配色パターン

#e3398eの配色パターン

■#e3b039 ■#4ae339 ■#39d2e3 ■#6c39e3 ■#e3398e

ヘクサード配色Hexad

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

#e3b039の配色パターン

#6ce339の配色パターン

#39e3b0の配色パターン

#396ce3の配色パターン

#b039e3の配色パターン

#e3396cの配色パターン

■#e3b039 ■#6ce339 ■#39e3b0 ■#396ce3 ■#b039e3 ■#e3396c