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

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

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

キーカラーKey Color

配色の基準となる色

#48f059の配色パターン

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

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

#48f059の配色パターン

#0f3313の配色パターン

#1f6626の配色パターン

#2e9939の配色パターン

#3dcc4bの配色パターン

#4dff5eの配色パターン

■#48f059 ■#0f3313 ■#1f6626 ■#2e9939 ■#3dcc4b ■#4dff5e

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

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

#48f059の配色パターン

#c0f0c5の配色パターン

#90f099の配色パターン

#60f06eの配色パターン

#30f043の配色パターン

#00f018の配色パターン

■#48f059 ■#c0f0c5 ■#90f099 ■#60f06e ■#30f043 ■#00f018

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

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

#48f059の配色パターン

#f048dfの配色パターン

■#48f059 ■#f048df

トライアド配色Triads

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

#48f059の配色パターン

#5948f0の配色パターン

#f05948の配色パターン

■#48f059 ■#5948f0 ■#f05948

アナロガス配色Analogous

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

#dff048の配色パターン

#48f059の配色パターン

#48dff0の配色パターン

■#dff048 ■#48f059 ■#48dff0

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

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

#48f059の配色パターン

#ad48f0の配色パターン

#f0488bの配色パターン

■#48f059 ■#ad48f0 ■#f0488b

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

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

#48f059の配色パターン

#5948f0の配色パターン

#f048dfの配色パターン

#dff048の配色パターン

■#48f059 ■#5948f0 ■#f048df ■#dff048

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

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

#48f059の配色パターン

#488bf0の配色パターン

#f048dfの配色パターン

#f0ad48の配色パターン

■#48f059 ■#488bf0 ■#f048df ■#f0ad48

ペンタード配色Pentad

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

#48f059の配色パターン

#48bdf0の配色パターン

#9c48f0の配色パターン

#f0487aの配色パターン

#f0df48の配色パターン

■#48f059 ■#48bdf0 ■#9c48f0 ■#f0487a ■#f0df48

ヘクサード配色Hexad

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

#48f059の配色パターン

#48dff0の配色パターン

#5948f0の配色パターン

#f048dfの配色パターン

#f05948の配色パターン

#dff048の配色パターン

■#48f059 ■#48dff0 ■#5948f0 ■#f048df ■#f05948 ■#dff048