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

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

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

キーカラーKey Color

配色の基準となる色

#1e3284の配色パターン

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

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

#1e3284の配色パターン

#0c1433の配色パターン

#172766の配色パターン

#233b99の配色パターン

#2f4eccの配色パターン

#3b62ffの配色パターン

■#1e3284 ■#0c1433 ■#172766 ■#233b99 ■#2f4ecc ■#3b62ff

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

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

#1e3284の配色パターン

#6a6f85の配色パターン

#505a85の配色パターン

#354585の配色パターン

#1b3085の配色パターン

#001b85の配色パターン

■#1e3284 ■#6a6f85 ■#505a85 ■#354585 ■#1b3085 ■#001b85

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

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

#1e3284の配色パターン

#85701eの配色パターン

■#1e3284 ■#85701e

トライアド配色Triads

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

#1e3284の配色パターン

#851e33の配色パターン

#33851eの配色パターン

■#1e3284 ■#851e33 ■#33851e

アナロガス配色Analogous

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

#1e8570の配色パターン

#1e3284の配色パターン

#701e85の配色パターン

■#1e8570 ■#1e3284 ■#701e85

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

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

#1e3284の配色パターン

#853d1eの配色パターン

#66851eの配色パターン

■#1e3284 ■#853d1e ■#66851e

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

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

#1e3284の配色パターン

#851e33の配色パターン

#85701eの配色パターン

#1e8570の配色パターン

■#1e3284 ■#851e33 ■#85701e ■#1e8570

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

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

#1e3284の配色パターン

#851e66の配色パターン

#85701eの配色パターン

#1e853dの配色パターン

■#1e3284 ■#851e66 ■#85701e ■#1e853d

ペンタード配色Pentad

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

#1e3284の配色パターン

#851e85の配色パターン

#85331eの配色パターン

#5c851eの配色パターン

#1e855cの配色パターン

■#1e3284 ■#851e85 ■#85331e ■#5c851e ■#1e855c

ヘクサード配色Hexad

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

#1e3284の配色パターン

#701e85の配色パターン

#851e33の配色パターン

#85701eの配色パターン

#33851eの配色パターン

#1e8570の配色パターン

■#1e3284 ■#701e85 ■#851e33 ■#85701e ■#33851e ■#1e8570