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

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

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

キーカラーKey Color

配色の基準となる色

#5b665cの配色パターン

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

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

#5b665cの配色パターン

#2d332eの配色パターン

#5b665cの配色パターン

#88998aの配色パターン

#b6ccb7の配色パターン

#e3ffe5の配色パターン

■#5b665c ■#2d332e ■#5b665c ■#88998a ■#b6ccb7 ■#e3ffe5

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

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

#5b665cの配色パターン

#526653の配色パターン

#3d6641の配色パターン

#29662eの配色パターン

#14661bの配色パターン

#006609の配色パターン

■#5b665c ■#526653 ■#3d6641 ■#29662e ■#14661b ■#006609

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

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

#5b665cの配色パターン

#665b65の配色パターン

■#5b665c ■#665b65

トライアド配色Triads

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

#5b665cの配色パターン

#5c5b66の配色パターン

#665c5bの配色パターン

■#5b665c ■#5c5b66 ■#665c5b

アナロガス配色Analogous

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

#65665bの配色パターン

#5b665cの配色パターン

#5b6566の配色パターン

■#65665b ■#5b665c ■#5b6566

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

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

#5b665cの配色パターン

#615b66の配色パターン

#665b5fの配色パターン

■#5b665c ■#615b66 ■#665b5f

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

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

#5b665cの配色パターン

#5c5b66の配色パターン

#665b65の配色パターン

#65665bの配色パターン

■#5b665c ■#5c5b66 ■#665b65 ■#65665b

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

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

#5b665cの配色パターン

#5b5f66の配色パターン

#665b65の配色パターン

#66615bの配色パターン

■#5b665c ■#5b5f66 ■#665b65 ■#66615b

ペンタード配色Pentad

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

#5b665cの配色パターン

#5b6366の配色パターン

#605b66の配色パターン

#665b5eの配色パターン

#66655bの配色パターン

■#5b665c ■#5b6366 ■#605b66 ■#665b5e ■#66655b

ヘクサード配色Hexad

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

#5b665cの配色パターン

#5b6566の配色パターン

#5c5b66の配色パターン

#665b65の配色パターン

#665c5bの配色パターン

#65665bの配色パターン

■#5b665c ■#5b6566 ■#5c5b66 ■#665b65 ■#665c5b ■#65665b