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

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

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

キーカラーKey Color

配色の基準となる色

#639eabの配色パターン

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

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

#639eabの配色パターン

#1e2f33の配色パターン

#3b5e66の配色パターン

#598d99の配色パターン

#76bcccの配色パターン

#94ebffの配色パターン

■#639eab ■#1e2f33 ■#3b5e66 ■#598d99 ■#76bccc ■#94ebff

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

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

#639eabの配色パターン

#89a5abの配色パターン

#679eabの配色パターン

#4498abの配色パターン

#2292abの配色パターン

#008cabの配色パターン

■#639eab ■#89a5ab ■#679eab ■#4498ab ■#2292ab ■#008cab

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

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

#639eabの配色パターン

#ab7063の配色パターン

■#639eab ■#ab7063

トライアド配色Triads

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

#639eabの配色パターン

#ab639eの配色パターン

#9eab63の配色パターン

■#639eab ■#ab639e ■#9eab63

アナロガス配色Analogous

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

#63ab70の配色パターン

#639eabの配色パターン

#7063abの配色パターン

■#63ab70 ■#639eab ■#7063ab

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

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

#639eabの配色パターン

#ab637aの配色パターン

#ab9463の配色パターン

■#639eab ■#ab637a ■#ab9463

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

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

#639eabの配色パターン

#ab639eの配色パターン

#ab7063の配色パターン

#63ab70の配色パターン

■#639eab ■#ab639e ■#ab7063 ■#63ab70

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

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

#639eabの配色パターン

#9463abの配色パターン

#ab7063の配色パターン

#7aab63の配色パターン

■#639eab ■#9463ab ■#ab7063 ■#7aab63

ペンタード配色Pentad

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

#639eabの配色パターン

#7f63abの配色パターン

#ab6381の配色パターン

#ab9b63の配色パターン

#64ab63の配色パターン

■#639eab ■#7f63ab ■#ab6381 ■#ab9b63 ■#64ab63

ヘクサード配色Hexad

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

#639eabの配色パターン

#7063abの配色パターン

#ab639eの配色パターン

#ab7063の配色パターン

#9eab63の配色パターン

#63ab70の配色パターン

■#639eab ■#7063ab ■#ab639e ■#ab7063 ■#9eab63 ■#63ab70