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

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

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

キーカラーKey Color

配色の基準となる色

#5beb55の配色パターン

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

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

#5beb55の配色パターン

#133312の配色パターン

#276625の配色パターン

#3a9937の配色パターン

#4ecc49の配色パターン

#61ff5cの配色パターン

■#5beb55 ■#133312 ■#276625 ■#3a9937 ■#4ecc49 ■#61ff5c

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

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

#5beb55の配色パターン

#bdebbcの配色パターン

#90eb8dの配色パターン

#63eb5eの配色パターン

#35eb2fの配色パターン

#08eb00の配色パターン

■#5beb55 ■#bdebbc ■#90eb8d ■#63eb5e ■#35eb2f ■#08eb00

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

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

#5beb55の配色パターン

#e654ebの配色パターン

■#5beb55 ■#e654eb

トライアド配色Triads

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

#5beb55の配色パターン

#5459ebの配色パターン

#eb5459の配色パターン

■#5beb55 ■#5459eb ■#eb5459

アナロガス配色Analogous

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

#ebe654の配色パターン

#5beb55の配色パターン

#54ebe6の配色パターン

■#ebe654 ■#5beb55 ■#54ebe6

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

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

#5beb55の配色パターン

#9b54ebの配色パターン

#eb54a5の配色パターン

■#5beb55 ■#9b54eb ■#eb54a5

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

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

#5beb55の配色パターン

#5459ebの配色パターン

#e654ebの配色パターン

#ebe654の配色パターン

■#5beb55 ■#5459eb ■#e654eb ■#ebe654

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

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

#5beb55の配色パターン

#54a5ebの配色パターン

#e654ebの配色パターン

#eb9b54の配色パターン

■#5beb55 ■#54a5eb ■#e654eb ■#eb9b54

ペンタード配色Pentad

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

#5beb55の配色パターン

#54d2ebの配色パターン

#8c54ebの配色パターン

#eb5496の配色パターン

#ebc854の配色パターン

■#5beb55 ■#54d2eb ■#8c54eb ■#eb5496 ■#ebc854

ヘクサード配色Hexad

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

#5beb55の配色パターン

#54ebe6の配色パターン

#5459ebの配色パターン

#e654ebの配色パターン

#eb5459の配色パターン

#ebe654の配色パターン

■#5beb55 ■#54ebe6 ■#5459eb ■#e654eb ■#eb5459 ■#ebe654