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

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

#6a7275の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#6a7275の配色パターン

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

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

#6a7275の配色パターン

#2e3233の配色パターン

#5d6466の配色パターン

#8b9599の配色パターン

#bac7ccの配色パターン

#e8f9ffの配色パターン

■#6a7275 ■#2e3233 ■#5d6466 ■#8b9599 ■#bac7cc ■#e8f9ff

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

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

#6a7275の配色パターン

#5e6f75の配色パターン

#466975の配色パターン

#2f6375の配色パターン

#175c75の配色パターン

#005675の配色パターン

■#6a7275 ■#5e6f75 ■#466975 ■#2f6375 ■#175c75 ■#005675

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

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

#6a7275の配色パターン

#756e6bの配色パターン

■#6a7275 ■#756e6b

トライアド配色Triads

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

#6a7275の配色パターン

#756b72の配色パターン

#72756bの配色パターン

■#6a7275 ■#756b72 ■#72756b

アナロガス配色Analogous

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

#6b756eの配色パターン

#6a7275の配色パターン

#6e6b75の配色パターン

■#6b756e ■#6a7275 ■#6e6b75

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

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

#6a7275の配色パターン

#756b6dの配色パターン

#75736bの配色パターン

■#6a7275 ■#756b6d ■#75736b

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

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

#6a7275の配色パターン

#756b72の配色パターン

#756e6bの配色パターン

#6b756eの配色パターン

■#6a7275 ■#756b72 ■#756e6b ■#6b756e

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

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

#6a7275の配色パターン

#736b75の配色パターン

#756e6bの配色パターン

#6d756bの配色パターン

■#6a7275 ■#736b75 ■#756e6b ■#6d756b

ペンタード配色Pentad

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

#6a7275の配色パターン

#706b75の配色パターン

#756b6eの配色パターン

#75746bの配色パターン

#6b756bの配色パターン

■#6a7275 ■#706b75 ■#756b6e ■#75746b ■#6b756b

ヘクサード配色Hexad

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

#6a7275の配色パターン

#6e6b75の配色パターン

#756b72の配色パターン

#756e6bの配色パターン

#72756bの配色パターン

#6b756eの配色パターン

■#6a7275 ■#6e6b75 ■#756b72 ■#756e6b ■#72756b ■#6b756e