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

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

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

キーカラーKey Color

配色の基準となる色

#66ba50の配色パターン

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

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

#66ba50の配色パターン

#1c3316の配色パターン

#37662cの配色パターン

#539942の配色パターン

#6fcc58の配色パターン

#8bff6eの配色パターン

■#66ba50 ■#1c3316 ■#37662c ■#539942 ■#6fcc58 ■#8bff6e

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

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

#66ba50の配色パターン

#9cba95の配色パターン

#7fba70の配色パターン

#61ba4aの配色パターン

#43ba25の配色パターン

#25ba00の配色パターン

■#66ba50 ■#9cba95 ■#7fba70 ■#61ba4a ■#43ba25 ■#25ba00

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

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

#66ba50の配色パターン

#a550baの配色パターン

■#66ba50 ■#a550ba

トライアド配色Triads

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

#66ba50の配色パターン

#5065baの配色パターン

#ba5065の配色パターン

■#66ba50 ■#5065ba ■#ba5065

アナロガス配色Analogous

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

#baa550の配色パターン

#66ba50の配色パターン

#50baa5の配色パターン

■#baa550 ■#66ba50 ■#50baa5

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

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

#66ba50の配色パターン

#7050baの配色パターン

#ba509aの配色パターン

■#66ba50 ■#7050ba ■#ba509a

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

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

#66ba50の配色パターン

#5065baの配色パターン

#a550baの配色パターン

#baa550の配色パターン

■#66ba50 ■#5065ba ■#a550ba ■#baa550

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

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

#66ba50の配色パターン

#509abaの配色パターン

#a550baの配色パターン

#ba7050の配色パターン

■#66ba50 ■#509aba ■#a550ba ■#ba7050

ペンタード配色Pentad

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

#66ba50の配色パターン

#50babaの配色パターン

#6550baの配色パターン

#ba5090の配色パターン

#ba9050の配色パターン

■#66ba50 ■#50baba ■#6550ba ■#ba5090 ■#ba9050

ヘクサード配色Hexad

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

#66ba50の配色パターン

#50baa5の配色パターン

#5065baの配色パターン

#a550baの配色パターン

#ba5065の配色パターン

#baa550の配色パターン

■#66ba50 ■#50baa5 ■#5065ba ■#a550ba ■#ba5065 ■#baa550