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

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

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

キーカラーKey Color

配色の基準となる色

#e3b553の配色パターン

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

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

#e3b553の配色パターン

#332913の配色パターン

#665226の配色パターン

#997a39の配色パターン

#cca34bの配色パターン

#ffcc5eの配色パターン

■#e3b553 ■#332913 ■#665226 ■#997a39 ■#cca34b ■#ffcc5e

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

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

#e3b553の配色パターン

#e3d5b6の配色パターン

#e3c688の配色パターン

#e3b85bの配色パターン

#e3a92dの配色パターン

#e39b00の配色パターン

■#e3b553 ■#e3d5b6 ■#e3c688 ■#e3b85b ■#e3a92d ■#e39b00

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

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

#e3b553の配色パターン

#5481e3の配色パターン

■#e3b553 ■#5481e3

トライアド配色Triads

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

#e3b553の配色パターン

#54e3b6の配色パターン

#b654e3の配色パターン

■#e3b553 ■#54e3b6 ■#b654e3

アナロガス配色Analogous

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

#e35481の配色パターン

#e3b553の配色パターン

#81e354の配色パターン

■#e35481 ■#e3b553 ■#81e354

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

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

#e3b553の配色パターン

#54c9e3の配色パターン

#6e54e3の配色パターン

■#e3b553 ■#54c9e3 ■#6e54e3

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

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

#e3b553の配色パターン

#54e3b6の配色パターン

#5481e3の配色パターン

#e35481の配色パターン

■#e3b553 ■#54e3b6 ■#5481e3 ■#e35481

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

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

#e3b553の配色パターン

#54e36eの配色パターン

#5481e3の配色パターン

#e354c9の配色パターン

■#e3b553 ■#54e36e ■#5481e3 ■#e354c9

ペンタード配色Pentad

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

#e3b553の配色パターン

#65e354の配色パターン

#54d7e3の配色パターン

#7c54e3の配色パターン

#e3549eの配色パターン

■#e3b553 ■#65e354 ■#54d7e3 ■#7c54e3 ■#e3549e

ヘクサード配色Hexad

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

#e3b553の配色パターン

#81e354の配色パターン

#54e3b6の配色パターン

#5481e3の配色パターン

#b654e3の配色パターン

#e35481の配色パターン

■#e3b553 ■#81e354 ■#54e3b6 ■#5481e3 ■#b654e3 ■#e35481