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

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

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

キーカラーKey Color

配色の基準となる色

#87e639の配色パターン

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

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

#87e639の配色パターン

#1e330dの配色パターン

#3c661aの配色パターン

#5a9926の配色パターン

#78cc33の配色パターン

#96ff40の配色パターン

■#87e639 ■#1e330d ■#3c661a ■#5a9926 ■#78cc33 ■#96ff40

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

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

#87e639の配色パターン

#cce6b8の配色パターン

#b3e68aの配色パターン

#9ae65cの配色パターン

#81e62eの配色パターン

#67e600の配色パターン

■#87e639 ■#cce6b8 ■#b3e68a ■#9ae65c ■#81e62e ■#67e600

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

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

#87e639の配色パターン

#9839e6の配色パターン

■#87e639 ■#9839e6

トライアド配色Triads

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

#87e639の配色パターン

#3987e6の配色パターン

#e63987の配色パターン

■#87e639 ■#3987e6 ■#e63987

アナロガス配色Analogous

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

#e69839の配色パターン

#87e639の配色パターン

#39e698の配色パターン

■#e69839 ■#87e639 ■#39e698

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

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

#87e639の配色パターン

#4239e6の配色パターン

#e639ddの配色パターン

■#87e639 ■#4239e6 ■#e639dd

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

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

#87e639の配色パターン

#3987e6の配色パターン

#9839e6の配色パターン

#e69839の配色パターン

■#87e639 ■#3987e6 ■#9839e6 ■#e69839

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

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

#87e639の配色パターン

#39dde6の配色パターン

#9839e6の配色パターン

#e64239の配色パターン

■#87e639 ■#39dde6 ■#9839e6 ■#e64239

ペンタード配色Pentad

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

#87e639の配色パターン

#39e6baの配色パターン

#3942e6の配色パターン

#e639ccの配色パターン

#e67639の配色パターン

■#87e639 ■#39e6ba ■#3942e6 ■#e639cc ■#e67639

ヘクサード配色Hexad

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

#87e639の配色パターン

#39e698の配色パターン

#3987e6の配色パターン

#9839e6の配色パターン

#e63987の配色パターン

#e69839の配色パターン

■#87e639 ■#39e698 ■#3987e6 ■#9839e6 ■#e63987 ■#e69839