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

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

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

キーカラーKey Color

配色の基準となる色

#afedafの配色パターン

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

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

#afedafの配色パターン

#263326の配色パターン

#4b664bの配色パターン

#719971の配色パターン

#97cc97の配色パターン

#bdffbdの配色パターン

■#afedaf ■#263326 ■#4b664b ■#719971 ■#97cc97 ■#bdffbd

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

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

#afedafの配色パターン

#beedbeの配色パターン

#8eed8eの配色パターン

#5fed5fの配色パターン

#2fed2fの配色パターン

#00ed00の配色パターン

■#afedaf ■#beedbe ■#8eed8e ■#5fed5f ■#2fed2f ■#00ed00

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

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

#afedafの配色パターン

#edafedの配色パターン

■#afedaf ■#edafed

トライアド配色Triads

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

#afedafの配色パターン

#afafedの配色パターン

#edafafの配色パターン

■#afedaf ■#afafed ■#edafaf

アナロガス配色Analogous

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

#ededafの配色パターン

#afedafの配色パターン

#afededの配色パターン

■#ededaf ■#afedaf ■#afeded

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

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

#afedafの配色パターン

#ceafedの配色パターン

#edafceの配色パターン

■#afedaf ■#ceafed ■#edafce

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

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

#afedafの配色パターン

#afafedの配色パターン

#edafedの配色パターン

#ededafの配色パターン

■#afedaf ■#afafed ■#edafed ■#ededaf

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

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

#afedafの配色パターン

#afceedの配色パターン

#edafedの配色パターン

#edceafの配色パターン

■#afedaf ■#afceed ■#edafed ■#edceaf

ペンタード配色Pentad

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

#afedafの配色パターン

#afe1edの配色パターン

#c8afedの配色パターン

#edafc8の配色パターン

#ede1afの配色パターン

■#afedaf ■#afe1ed ■#c8afed ■#edafc8 ■#ede1af

ヘクサード配色Hexad

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

#afedafの配色パターン

#afededの配色パターン

#afafedの配色パターン

#edafedの配色パターン

#edafafの配色パターン

#ededafの配色パターン

■#afedaf ■#afeded ■#afafed ■#edafed ■#edafaf ■#ededaf