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

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

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

キーカラーKey Color

配色の基準となる色

#b0e639の配色パターン

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

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

#b0e639の配色パターン

#27330dの配色パターン

#4e661aの配色パターン

#759926の配色パターン

#9ccc33の配色パターン

#c2ff40の配色パターン

■#b0e639 ■#27330d ■#4e661a ■#759926 ■#9ccc33 ■#c2ff40

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

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

#b0e639の配色パターン

#d7e6b8の配色パターン

#c8e68aの配色パターン

#bae65cの配色パターン

#abe62eの配色パターン

#9de600の配色パターン

■#b0e639 ■#d7e6b8 ■#c8e68a ■#bae65c ■#abe62e ■#9de600

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

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

#b0e639の配色パターン

#7039e6の配色パターン

■#b0e639 ■#7039e6

トライアド配色Triads

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

#b0e639の配色パターン

#39afe6の配色パターン

#e639afの配色パターン

■#b0e639 ■#39afe6 ■#e639af

アナロガス配色Analogous

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

#e67039の配色パターン

#b0e639の配色パターン

#39e670の配色パターン

■#e67039 ■#b0e639 ■#39e670

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

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

#b0e639の配色パターン

#3959e6の配色パターン

#c639e6の配色パターン

■#b0e639 ■#3959e6 ■#c639e6

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

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

#b0e639の配色パターン

#39afe6の配色パターン

#7039e6の配色パターン

#e67039の配色パターン

■#b0e639 ■#39afe6 ■#7039e6 ■#e67039

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

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

#b0e639の配色パターン

#39e6c6の配色パターン

#7039e6の配色パターン

#e63959の配色パターン

■#b0e639 ■#39e6c6 ■#7039e6 ■#e63959

ペンタード配色Pentad

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

#b0e639の配色パターン

#39e692の配色パターン

#396ae6の配色パターン

#d739e6の配色パターン

#e64d39の配色パターン

■#b0e639 ■#39e692 ■#396ae6 ■#d739e6 ■#e64d39

ヘクサード配色Hexad

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

#b0e639の配色パターン

#39e670の配色パターン

#39afe6の配色パターン

#7039e6の配色パターン

#e639afの配色パターン

#e67039の配色パターン

■#b0e639 ■#39e670 ■#39afe6 ■#7039e6 ■#e639af ■#e67039