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

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

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

キーカラーKey Color

配色の基準となる色

#1873e9の配色パターン

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

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

#1873e9の配色パターン

#051933の配色パターン

#0a3266の配色パターン

#0f4b99の配色パターン

#1464ccの配色パターン

#1a7dffの配色パターン

■#1873e9 ■#051933 ■#0a3266 ■#0f4b99 ■#1464cc ■#1a7dff

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

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

#1873e9の配色パターン

#bacee8の配色パターン

#8bb3e8の配色パターン

#5d99e8の配色パターン

#2e7fe8の配色パターン

#0065e8の配色パターン

■#1873e9 ■#bacee8 ■#8bb3e8 ■#5d99e8 ■#2e7fe8 ■#0065e8

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

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

#1873e9の配色パターン

#e88e17の配色パターン

■#1873e9 ■#e88e17

トライアド配色Triads

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

#1873e9の配色パターン

#e81772の配色パターン

#72e817の配色パターン

■#1873e9 ■#e81772 ■#72e817

アナロガス配色Analogous

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

#17e88eの配色パターン

#1873e9の配色パターン

#8e17e8の配色パターン

■#17e88e ■#1873e9 ■#8e17e8

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

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

#1873e9の配色パターン

#e82517の配色パターン

#dae817の配色パターン

■#1873e9 ■#e82517 ■#dae817

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

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

#1873e9の配色パターン

#e81772の配色パターン

#e88e17の配色パターン

#17e88eの配色パターン

■#1873e9 ■#e81772 ■#e88e17 ■#17e88e

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

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

#1873e9の配色パターン

#e817daの配色パターン

#e88e17の配色パターン

#17e825の配色パターン

■#1873e9 ■#e817da ■#e88e17 ■#17e825

ペンタード配色Pentad

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

#1873e9の配色パターン

#b717e8の配色パターン

#e8171eの配色パターン

#c5e817の配色パターン

#17e864の配色パターン

■#1873e9 ■#b717e8 ■#e8171e ■#c5e817 ■#17e864

ヘクサード配色Hexad

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

#1873e9の配色パターン

#8e17e8の配色パターン

#e81772の配色パターン

#e88e17の配色パターン

#72e817の配色パターン

#17e88eの配色パターン

■#1873e9 ■#8e17e8 ■#e81772 ■#e88e17 ■#72e817 ■#17e88e