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

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

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

キーカラーKey Color

配色の基準となる色

#abf521の配色パターン

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

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

#abf521の配色パターン

#233307の配色パターン

#47660dの配色パターン

#6a9914の配色パターン

#8ecc1bの配色パターン

#b1ff21の配色パターン

■#abf521 ■#233307 ■#47660d ■#6a9914 ■#8ecc1b ■#b1ff21

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

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

#abf521の配色パターン

#e4f5c4の配色パターン

#d3f593の配色パターン

#c1f562の配色パターン

#b0f531の配色パターン

#9ff500の配色パターン

■#abf521 ■#e4f5c4 ■#d3f593 ■#c1f562 ■#b0f531 ■#9ff500

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

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

#abf521の配色パターン

#6a20f5の配色パターン

■#abf521 ■#6a20f5

トライアド配色Triads

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

#abf521の配色パターン

#20aaf5の配色パターン

#f520aaの配色パターン

■#abf521 ■#20aaf5 ■#f520aa

アナロガス配色Analogous

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

#f56a20の配色パターン

#abf521の配色パターン

#20f56aの配色パターン

■#f56a20 ■#abf521 ■#20f56a

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

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

#abf521の配色パターン

#2040f5の配色パターン

#d520f5の配色パターン

■#abf521 ■#2040f5 ■#d520f5

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

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

#abf521の配色パターン

#20aaf5の配色パターン

#6a20f5の配色パターン

#f56a20の配色パターン

■#abf521 ■#20aaf5 ■#6a20f5 ■#f56a20

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

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

#abf521の配色パターン

#20f5d5の配色パターン

#6a20f5の配色パターン

#f52040の配色パターン

■#abf521 ■#20f5d5 ■#6a20f5 ■#f52040

ペンタード配色Pentad

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

#abf521の配色パターン

#20f595の配色パターン

#2055f5の配色パターン

#ea20f5の配色パターン

#f54020の配色パターン

■#abf521 ■#20f595 ■#2055f5 ■#ea20f5 ■#f54020

ヘクサード配色Hexad

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

#abf521の配色パターン

#20f56aの配色パターン

#20aaf5の配色パターン

#6a20f5の配色パターン

#f520aaの配色パターン

#f56a20の配色パターン

■#abf521 ■#20f56a ■#20aaf5 ■#6a20f5 ■#f520aa ■#f56a20