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

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

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

キーカラーKey Color

配色の基準となる色

#f2ffebの配色パターン

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

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

#f2ffebの配色パターン

#30332fの配色パターン

#61665eの配色パターン

#91998dの配色パターン

#c1ccbcの配色パターン

#f2ffebの配色パターン

■#f2ffeb ■#30332f ■#61665e ■#91998d ■#c1ccbc ■#f2ffeb

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

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

#f2ffebの配色パターン

#deffccの配色パターン

#bdff99の配色パターン

#9cff66の配色パターン

#7aff33の配色パターン

#59ff00の配色パターン

■#f2ffeb ■#deffcc ■#bdff99 ■#9cff66 ■#7aff33 ■#59ff00

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

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

#f2ffebの配色パターン

#f8ebffの配色パターン

■#f2ffeb ■#f8ebff

トライアド配色Triads

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

#f2ffebの配色パターン

#ebf2ffの配色パターン

#ffebf2の配色パターン

■#f2ffeb ■#ebf2ff ■#ffebf2

アナロガス配色Analogous

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

#fff8ebの配色パターン

#f2ffebの配色パターン

#ebfff8の配色パターン

■#fff8eb ■#f2ffeb ■#ebfff8

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

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

#f2ffebの配色パターン

#eeebffの配色パターン

#ffebfcの配色パターン

■#f2ffeb ■#eeebff ■#ffebfc

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

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

#f2ffebの配色パターン

#ebf2ffの配色パターン

#f8ebffの配色パターン

#fff8ebの配色パターン

■#f2ffeb ■#ebf2ff ■#f8ebff ■#fff8eb

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

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

#f2ffebの配色パターン

#ebfcffの配色パターン

#f8ebffの配色パターン

#ffeeebの配色パターン

■#f2ffeb ■#ebfcff ■#f8ebff ■#ffeeeb

ペンタード配色Pentad

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

#f2ffebの配色パターン

#ebfffcの配色パターン

#ecebffの配色パターン

#ffebfaの配色パターン

#fff4ebの配色パターン

■#f2ffeb ■#ebfffc ■#ecebff ■#ffebfa ■#fff4eb

ヘクサード配色Hexad

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

#f2ffebの配色パターン

#ebfff8の配色パターン

#ebf2ffの配色パターン

#f8ebffの配色パターン

#ffebf2の配色パターン

#fff8ebの配色パターン

■#f2ffeb ■#ebfff8 ■#ebf2ff ■#f8ebff ■#ffebf2 ■#fff8eb