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

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

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

キーカラーKey Color

配色の基準となる色

#f0bfbbの配色パターン

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

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

#f0bfbbの配色パターン

#332928の配色パターン

#665150の配色パターン

#997a77の配色パターン

#cca39fの配色パターン

#ffccc7の配色パターン

■#f0bfbb ■#332928 ■#665150 ■#997a77 ■#cca39f ■#ffccc7

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

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

#f0bfbbの配色パターン

#f0c4c0の配色パターン

#f09890の配色パターン

#f06c60の配色パターン

#f04030の配色パターン

#f01400の配色パターン

■#f0bfbb ■#f0c4c0 ■#f09890 ■#f06c60 ■#f04030 ■#f01400

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

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

#f0bfbbの配色パターン

#bbebf0の配色パターン

■#f0bfbb ■#bbebf0

トライアド配色Triads

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

#f0bfbbの配色パターン

#bbf0bfの配色パターン

#bfbbf0の配色パターン

■#f0bfbb ■#bbf0bf ■#bfbbf0

アナロガス配色Analogous

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

#f0bbebの配色パターン

#f0bfbbの配色パターン

#ebf0bbの配色パターン

■#f0bbeb ■#f0bfbb ■#ebf0bb

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

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

#f0bfbbの配色パターン

#bbf0daの配色パターン

#bbd1f0の配色パターン

■#f0bfbb ■#bbf0da ■#bbd1f0

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

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

#f0bfbbの配色パターン

#bbf0bfの配色パターン

#bbebf0の配色パターン

#f0bbebの配色パターン

■#f0bfbb ■#bbf0bf ■#bbebf0 ■#f0bbeb

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

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

#f0bfbbの配色パターン

#d1f0bbの配色パターン

#bbebf0の配色パターン

#dabbf0の配色パターン

■#f0bfbb ■#d1f0bb ■#bbebf0 ■#dabbf0

ペンタード配色Pentad

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

#f0bfbbの配色パターン

#e1f0bbの配色パターン

#bbf0d4の配色パターン

#bbccf0の配色パターン

#eabbf0の配色パターン

■#f0bfbb ■#e1f0bb ■#bbf0d4 ■#bbccf0 ■#eabbf0

ヘクサード配色Hexad

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

#f0bfbbの配色パターン

#ebf0bbの配色パターン

#bbf0bfの配色パターン

#bbebf0の配色パターン

#bfbbf0の配色パターン

#f0bbebの配色パターン

■#f0bfbb ■#ebf0bb ■#bbf0bf ■#bbebf0 ■#bfbbf0 ■#f0bbeb