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

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

#193ad6の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#193ad6の配色パターン

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

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

#193ad6の配色パターン

#060e33の配色パターン

#0c1b66の配色パターン

#122999の配色パターン

#1836ccの配色パターン

#1f44ffの配色パターン

■#193ad6 ■#060e33 ■#0c1b66 ■#122999 ■#1836cc ■#1f44ff

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

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

#193ad6の配色パターン

#abb3d6の配色パターン

#818fd6の配色パターン

#566bd6の配色パターン

#2b47d6の配色パターン

#0024d6の配色パターン

■#193ad6 ■#abb3d6 ■#818fd6 ■#566bd6 ■#2b47d6 ■#0024d6

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

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

#193ad6の配色パターン

#d6b71aの配色パターン

■#193ad6 ■#d6b71a

トライアド配色Triads

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

#193ad6の配色パターン

#d61a39の配色パターン

#39d61aの配色パターン

■#193ad6 ■#d61a39 ■#39d61a

アナロガス配色Analogous

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

#1ad6b7の配色パターン

#193ad6の配色パターン

#b71ad6の配色パターン

■#1ad6b7 ■#193ad6 ■#b71ad6

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

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

#193ad6の配色パターン

#d6591aの配色パターン

#97d61aの配色パターン

■#193ad6 ■#d6591a ■#97d61a

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

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

#193ad6の配色パターン

#d61a39の配色パターン

#d6b71aの配色パターン

#1ad6b7の配色パターン

■#193ad6 ■#d61a39 ■#d6b71a ■#1ad6b7

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

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

#193ad6の配色パターン

#d61a97の配色パターン

#d6b71aの配色パターン

#1ad659の配色パターン

■#193ad6 ■#d61a97 ■#d6b71a ■#1ad659

ペンタード配色Pentad

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

#193ad6の配色パターン

#d61ad0の配色パターン

#d6461aの配色パターン

#85d61aの配色パターン

#1ad691の配色パターン

■#193ad6 ■#d61ad0 ■#d6461a ■#85d61a ■#1ad691

ヘクサード配色Hexad

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

#193ad6の配色パターン

#b71ad6の配色パターン

#d61a39の配色パターン

#d6b71aの配色パターン

#39d61aの配色パターン

#1ad6b7の配色パターン

■#193ad6 ■#b71ad6 ■#d61a39 ■#d6b71a ■#39d61a ■#1ad6b7