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

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

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

キーカラーKey Color

配色の基準となる色

#0b6eb1の配色パターン

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

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

#0b6eb1の配色パターン

#032033の配色パターン

#064066の配色パターン

#095f99の配色パターン

#0c7fccの配色パターン

#0f9fffの配色パターン

■#0b6eb1 ■#032033 ■#064066 ■#095f99 ■#0c7fcc ■#0f9fff

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

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

#0b6eb1の配色パターン

#8da2b0の配色パターン

#6a94b0の配色パターン

#4686b0の配色パターン

#2378b0の配色パターン

#006ab0の配色パターン

■#0b6eb1 ■#8da2b0 ■#6a94b0 ■#4686b0 ■#2378b0 ■#006ab0

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

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

#0b6eb1の配色パターン

#b04d0bの配色パターン

■#0b6eb1 ■#b04d0b

トライアド配色Triads

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

#0b6eb1の配色パターン

#b00b6eの配色パターン

#6eb00bの配色パターン

■#0b6eb1 ■#b00b6e ■#6eb00b

アナロガス配色Analogous

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

#0bb04dの配色パターン

#0b6eb1の配色パターン

#4d0bb0の配色パターン

■#0bb04d ■#0b6eb1 ■#4d0bb0

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

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

#0b6eb1の配色パターン

#b00b1bの配色パターン

#b09f0bの配色パターン

■#0b6eb1 ■#b00b1b ■#b09f0b

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

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

#0b6eb1の配色パターン

#b00b6eの配色パターン

#b04d0bの配色パターン

#0bb04dの配色パターン

■#0b6eb1 ■#b00b6e ■#b04d0b ■#0bb04d

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

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

#0b6eb1の配色パターン

#9f0bb0の配色パターン

#b04d0bの配色パターン

#1bb00bの配色パターン

■#0b6eb1 ■#9f0bb0 ■#b04d0b ■#1bb00b

ペンタード配色Pentad

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

#0b6eb1の配色パターン

#6e0bb0の配色パターン

#b00b2cの配色パターン

#b0b00bの配色パターン

#0bb02cの配色パターン

■#0b6eb1 ■#6e0bb0 ■#b00b2c ■#b0b00b ■#0bb02c

ヘクサード配色Hexad

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

#0b6eb1の配色パターン

#4d0bb0の配色パターン

#b00b6eの配色パターン

#b04d0bの配色パターン

#6eb00bの配色パターン

#0bb04dの配色パターン

■#0b6eb1 ■#4d0bb0 ■#b00b6e ■#b04d0b ■#6eb00b ■#0bb04d