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

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

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

キーカラーKey Color

配色の基準となる色

#2448f9の配色パターン

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

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

#2448f9の配色パターン

#070e33の配色パターン

#0e1d66の配色パターン

#152b99の配色パターン

#1d3accの配色パターン

#2448ffの配色パターン

■#2448f9 ■#070e33 ■#0e1d66 ■#152b99 ■#1d3acc ■#2448ff

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

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

#2448f9の配色パターン

#c8d0faの配色パターン

#96a7faの配色パターン

#647dfaの配色パターン

#3253faの配色パターン

#002afaの配色パターン

■#2448f9 ■#c8d0fa ■#96a7fa ■#647dfa ■#3253fa ■#002afa

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

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

#2448f9の配色パターン

#fad623の配色パターン

■#2448f9 ■#fad623

トライアド配色Triads

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

#2448f9の配色パターン

#fa2347の配色パターン

#47fa23の配色パターン

■#2448f9 ■#fa2347 ■#47fa23

アナロガス配色Analogous

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

#23fad6の配色パターン

#2448f9の配色パターン

#d623faの配色パターン

■#23fad6 ■#2448f9 ■#d623fa

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

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

#2448f9の配色パターン

#fa6b23の配色パターン

#b2fa23の配色パターン

■#2448f9 ■#fa6b23 ■#b2fa23

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

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

#2448f9の配色パターン

#fa2347の配色パターン

#fad623の配色パターン

#23fad6の配色パターン

■#2448f9 ■#fa2347 ■#fad623 ■#23fad6

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

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

#2448f9の配色パターン

#fa23b2の配色パターン

#fad623の配色パターン

#23fa6bの配色パターン

■#2448f9 ■#fa23b2 ■#fad623 ■#23fa6b

ペンタード配色Pentad

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

#2448f9の配色パターン

#fa23f3の配色パターン

#fa5523の配色パターン

#9dfa23の配色パターン

#23faabの配色パターン

■#2448f9 ■#fa23f3 ■#fa5523 ■#9dfa23 ■#23faab

ヘクサード配色Hexad

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

#2448f9の配色パターン

#d623faの配色パターン

#fa2347の配色パターン

#fad623の配色パターン

#47fa23の配色パターン

#23fad6の配色パターン

■#2448f9 ■#d623fa ■#fa2347 ■#fad623 ■#47fa23 ■#23fad6