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

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

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

キーカラーKey Color

配色の基準となる色

#0f15baの配色パターン

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

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

#0f15baの配色パターン

#040633の配色パターン

#080b66の配色パターン

#0c1199の配色パターン

#1017ccの配色パターン

#141cffの配色パターン

■#0f15ba ■#040633 ■#080b66 ■#0c1199 ■#1017cc ■#141cff

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

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

#0f15baの配色パターン

#9596baの配色パターン

#7072baの配色パターン

#4a4ebaの配色パターン

#252abaの配色パターン

#0006baの配色パターン

■#0f15ba ■#9596ba ■#7072ba ■#4a4eba ■#252aba ■#0006ba

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

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

#0f15baの配色パターン

#bab40fの配色パターン

■#0f15ba ■#bab40f

トライアド配色Triads

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

#0f15baの配色パターン

#ba0f15の配色パターン

#15ba0fの配色パターン

■#0f15ba ■#ba0f15 ■#15ba0f

アナロガス配色Analogous

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

#0fbab4の配色パターン

#0f15baの配色パターン

#b40fbaの配色パターン

■#0fbab4 ■#0f15ba ■#b40fba

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

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

#0f15baの配色パターン

#ba5f0fの配色パターン

#6aba0fの配色パターン

■#0f15ba ■#ba5f0f ■#6aba0f

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

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

#0f15baの配色パターン

#ba0f15の配色パターン

#bab40fの配色パターン

#0fbab4の配色パターン

■#0f15ba ■#ba0f15 ■#bab40f ■#0fbab4

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

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

#0f15baの配色パターン

#ba0f6aの配色パターン

#bab40fの配色パターン

#0fba5fの配色パターン

■#0f15ba ■#ba0f6a ■#bab40f ■#0fba5f

ペンタード配色Pentad

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

#0f15baの配色パターン

#ba0f9eの配色パターン

#ba4e0fの配色パターン

#59ba0fの配色パターン

#0fba92の配色パターン

■#0f15ba ■#ba0f9e ■#ba4e0f ■#59ba0f ■#0fba92

ヘクサード配色Hexad

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

#0f15baの配色パターン

#b40fbaの配色パターン

#ba0f15の配色パターン

#bab40fの配色パターン

#15ba0fの配色パターン

#0fbab4の配色パターン

■#0f15ba ■#b40fba ■#ba0f15 ■#bab40f ■#15ba0f ■#0fbab4