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

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

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

キーカラーKey Color

配色の基準となる色

#617a8cの配色パターン

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

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

#617a8cの配色パターン

#232c33の配色パターン

#465966の配色パターン

#6a8599の配色パターン

#8db2ccの配色パターン

#b0deffの配色パターン

■#617a8c ■#232c33 ■#465966 ■#6a8599 ■#8db2cc ■#b0deff

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

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

#617a8cの配色パターン

#70818cの配色パターン

#54758cの配色パターン

#38698cの配色パターン

#1c5e8cの配色パターン

#00528cの配色パターン

■#617a8c ■#70818c ■#54758c ■#38698c ■#1c5e8c ■#00528c

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

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

#617a8cの配色パターン

#8c7361の配色パターン

■#617a8c ■#8c7361

トライアド配色Triads

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

#617a8cの配色パターン

#8c617aの配色パターン

#7a8c61の配色パターン

■#617a8c ■#8c617a ■#7a8c61

アナロガス配色Analogous

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

#618c73の配色パターン

#617a8cの配色パターン

#73618cの配色パターン

■#618c73 ■#617a8c ■#73618c

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

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

#617a8cの配色パターン

#8c6164の配色パターン

#8c8961の配色パターン

■#617a8c ■#8c6164 ■#8c8961

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

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

#617a8cの配色パターン

#8c617aの配色パターン

#8c7361の配色パターン

#618c73の配色パターン

■#617a8c ■#8c617a ■#8c7361 ■#618c73

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

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

#617a8cの配色パターン

#89618cの配色パターン

#8c7361の配色パターン

#648c61の配色パターン

■#617a8c ■#89618c ■#8c7361 ■#648c61

ペンタード配色Pentad

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

#617a8cの配色パターン

#7c618cの配色パターン

#8c6169の配色パターン

#8c8c61の配色パターン

#618c6aの配色パターン

■#617a8c ■#7c618c ■#8c6169 ■#8c8c61 ■#618c6a

ヘクサード配色Hexad

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

#617a8cの配色パターン

#73618cの配色パターン

#8c617aの配色パターン

#8c7361の配色パターン

#7a8c61の配色パターン

#618c73の配色パターン

■#617a8c ■#73618c ■#8c617a ■#8c7361 ■#7a8c61 ■#618c73