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

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

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

キーカラーKey Color

配色の基準となる色

#f1fab1の配色パターン

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

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

#f1fab1の配色パターン

#313324の配色パターン

#636648の配色パターン

#94996dの配色パターン

#c5cc91の配色パターン

#f6ffb5の配色パターン

■#f1fab1 ■#313324 ■#636648 ■#94996d ■#c5cc91 ■#f6ffb5

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

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

#f1fab1の配色パターン

#f4fac8の配色パターン

#eefa96の配色パターン

#e8fa64の配色パターン

#e3fa32の配色パターン

#ddfa00の配色パターン

■#f1fab1 ■#f4fac8 ■#eefa96 ■#e8fa64 ■#e3fa32 ■#ddfa00

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

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

#f1fab1の配色パターン

#bab1faの配色パターン

■#f1fab1 ■#bab1fa

トライアド配色Triads

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

#f1fab1の配色パターン

#b1f1faの配色パターン

#fab1f1の配色パターン

■#f1fab1 ■#b1f1fa ■#fab1f1

アナロガス配色Analogous

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

#fabab1の配色パターン

#f1fab1の配色パターン

#b1fabaの配色パターン

■#fabab1 ■#f1fab1 ■#b1faba

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

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

#f1fab1の配色パターン

#b1cdfaの配色パターン

#deb1faの配色パターン

■#f1fab1 ■#b1cdfa ■#deb1fa

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

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

#f1fab1の配色パターン

#b1f1faの配色パターン

#bab1faの配色パターン

#fabab1の配色パターン

■#f1fab1 ■#b1f1fa ■#bab1fa ■#fabab1

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

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

#f1fab1の配色パターン

#b1fadeの配色パターン

#bab1faの配色パターン

#fab1cdの配色パターン

■#f1fab1 ■#b1fade ■#bab1fa ■#fab1cd

ペンタード配色Pentad

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

#f1fab1の配色パターン

#b1fac8の配色パターン

#b1d4faの配色パターン

#e5b1faの配色パターン

#fab1b7の配色パターン

■#f1fab1 ■#b1fac8 ■#b1d4fa ■#e5b1fa ■#fab1b7

ヘクサード配色Hexad

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

#f1fab1の配色パターン

#b1fabaの配色パターン

#b1f1faの配色パターン

#bab1faの配色パターン

#fab1f1の配色パターン

#fabab1の配色パターン

■#f1fab1 ■#b1faba ■#b1f1fa ■#bab1fa ■#fab1f1 ■#fabab1