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

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

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

キーカラーKey Color

配色の基準となる色

#80bf09の配色パターン

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

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

#80bf09の配色パターン

#223303の配色パターン

#446605の配色パターン

#669908の配色パターン

#88cc0aの配色パターン

#aaff0dの配色パターン

■#80bf09 ■#223303 ■#446605 ■#669908 ■#88cc0a ■#aaff0d

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

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

#80bf09の配色パターン

#b2bf99の配色パターン

#a4bf73の配色パターン

#97bf4dの配色パターン

#8abf26の配色パターン

#7cbf00の配色パターン

■#80bf09 ■#b2bf99 ■#a4bf73 ■#97bf4d ■#8abf26 ■#7cbf00

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

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

#80bf09の配色パターン

#490abfの配色パターン

■#80bf09 ■#490abf

トライアド配色Triads

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

#80bf09の配色パターン

#0a80bfの配色パターン

#bf0a80の配色パターン

■#80bf09 ■#0a80bf ■#bf0a80

アナロガス配色Analogous

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

#bf490aの配色パターン

#80bf09の配色パターン

#0abf49の配色パターン

■#bf490a ■#80bf09 ■#0abf49

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

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

#80bf09の配色パターン

#0a25bfの配色パターン

#a40abfの配色パターン

■#80bf09 ■#0a25bf ■#a40abf

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

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

#80bf09の配色パターン

#0a80bfの配色パターン

#490abfの配色パターン

#bf490aの配色パターン

■#80bf09 ■#0a80bf ■#490abf ■#bf490a

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

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

#80bf09の配色パターン

#0abfa4の配色パターン

#490abfの配色パターン

#bf0a25の配色パターン

■#80bf09 ■#0abfa4 ■#490abf ■#bf0a25

ペンタード配色Pentad

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

#80bf09の配色パターン

#0abf6dの配色パターン

#0a37bfの配色パターン

#b60abfの配色パターン

#bf250aの配色パターン

■#80bf09 ■#0abf6d ■#0a37bf ■#b60abf ■#bf250a

ヘクサード配色Hexad

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

#80bf09の配色パターン

#0abf49の配色パターン

#0a80bfの配色パターン

#490abfの配色パターン

#bf0a80の配色パターン

#bf490aの配色パターン

■#80bf09 ■#0abf49 ■#0a80bf ■#490abf ■#bf0a80 ■#bf490a