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

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

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

キーカラーKey Color

配色の基準となる色

#5ef872の配色パターン

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

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

#5ef872の配色パターン

#133318の配色パターン

#27662fの配色パターン

#3a9947の配色パターン

#4ecc5eの配色パターン

#61ff76の配色パターン

■#5ef872 ■#133318 ■#27662f ■#3a9947 ■#4ecc5e ■#61ff76

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

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

#5ef872の配色パターン

#c6f7ccの配色パターン

#94f7a2の配色パターン

#63f777の配色パターン

#31f74cの配色パターン

#00f721の配色パターン

■#5ef872 ■#c6f7cc ■#94f7a2 ■#63f777 ■#31f74c ■#00f721

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

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

#5ef872の配色パターン

#f75ee3の配色パターン

■#5ef872 ■#f75ee3

トライアド配色Triads

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

#5ef872の配色パターン

#725ef7の配色パターン

#f7725eの配色パターン

■#5ef872 ■#725ef7 ■#f7725e

アナロガス配色Analogous

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

#e3f75eの配色パターン

#5ef872の配色パターン

#5ee3f7の配色パターン

■#e3f75e ■#5ef872 ■#5ee3f7

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

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

#5ef872の配色パターン

#bf5ef7の配色パターン

#f75e96の配色パターン

■#5ef872 ■#bf5ef7 ■#f75e96

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

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

#5ef872の配色パターン

#725ef7の配色パターン

#f75ee3の配色パターン

#e3f75eの配色パターン

■#5ef872 ■#725ef7 ■#f75ee3 ■#e3f75e

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

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

#5ef872の配色パターン

#5e96f7の配色パターン

#f75ee3の配色パターン

#f7bf5eの配色パターン

■#5ef872 ■#5e96f7 ■#f75ee3 ■#f7bf5e

ペンタード配色Pentad

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

#5ef872の配色パターン

#5ec4f7の配色パターン

#b05ef7の配色パターン

#f75e87の配色パターン

#f7ed5eの配色パターン

■#5ef872 ■#5ec4f7 ■#b05ef7 ■#f75e87 ■#f7ed5e

ヘクサード配色Hexad

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

#5ef872の配色パターン

#5ee3f7の配色パターン

#725ef7の配色パターン

#f75ee3の配色パターン

#f7725eの配色パターン

#e3f75eの配色パターン

■#5ef872 ■#5ee3f7 ■#725ef7 ■#f75ee3 ■#f7725e ■#e3f75e