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

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

ブルーの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#0075c2の配色パターン

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

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

#0075c2の配色パターン

#001f33の配色パターン

#003d66の配色パターン

#005c99の配色パターン

#007accの配色パターン

#0099ffの配色パターン

■#0075c2 ■#001f33 ■#003d66 ■#005c99 ■#007acc ■#0099ff

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

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

#0075c2の配色パターン

#9bb2c2の配色パターン

#74a3c2の配色パターン

#4e93c2の配色パターン

#2784c2の配色パターン

#0075c2の配色パターン

■#0075c2 ■#9bb2c2 ■#74a3c2 ■#4e93c2 ■#2784c2 ■#0075c2

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

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

#0075c2の配色パターン

#c24e00の配色パターン

■#0075c2 ■#c24e00

トライアド配色Triads

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

#0075c2の配色パターン

#c20074の配色パターン

#74c200の配色パターン

■#0075c2 ■#c20074 ■#74c200

アナロガス配色Analogous

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

#00c24eの配色パターン

#0075c2の配色パターン

#4e00c2の配色パターン

■#00c24e ■#0075c2 ■#4e00c2

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

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

#0075c2の配色パターン

#c20013の配色パターン

#c2ae00の配色パターン

■#0075c2 ■#c20013 ■#c2ae00

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

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

#0075c2の配色パターン

#c20074の配色パターン

#c24e00の配色パターン

#00c24eの配色パターン

■#0075c2 ■#c20074 ■#c24e00 ■#00c24e

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

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

#0075c2の配色パターン

#ae00c2の配色パターン

#c24e00の配色パターン

#13c200の配色パターン

■#0075c2 ■#ae00c2 ■#c24e00 ■#13c200

ペンタード配色Pentad

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

#0075c2の配色パターン

#7400c2の配色パターン

#c20027の配色パターン

#c2c200の配色パターン

#00c227の配色パターン

■#0075c2 ■#7400c2 ■#c20027 ■#c2c200 ■#00c227

ヘクサード配色Hexad

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

#0075c2の配色パターン

#4e00c2の配色パターン

#c20074の配色パターン

#c24e00の配色パターン

#74c200の配色パターン

#00c24eの配色パターン

■#0075c2 ■#4e00c2 ■#c20074 ■#c24e00 ■#74c200 ■#00c24e