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

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

#553adcの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#553adcの配色パターン

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

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

#553adcの配色パターン

#140d33の配色パターン

#271b66の配色パターン

#3b2899の配色パターン

#4e35ccの配色パターン

#6242ffの配色パターン

■#553adc ■#140d33 ■#271b66 ■#3b2899 ■#4e35cc ■#6242ff

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

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

#553adcの配色パターン

#b7afdbの配色パターン

#9284dbの配色パターン

#6e58dbの配色パターン

#492cdbの配色パターン

#2500dbの配色パターン

■#553adc ■#b7afdb ■#9284db ■#6e58db ■#492cdb ■#2500db

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

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

#553adcの配色パターン

#c0db39の配色パターン

■#553adc ■#c0db39

トライアド配色Triads

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

#553adcの配色パターン

#db5439の配色パターン

#39db54の配色パターン

■#553adc ■#db5439 ■#39db54

アナロガス配色Analogous

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

#39c0dbの配色パターン

#553adcの配色パターン

#db39c0の配色パターン

■#39c0db ■#553adc ■#db39c0

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

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

#553adcの配色パターン

#dba539の配色パターン

#6fdb39の配色パターン

■#553adc ■#dba539 ■#6fdb39

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

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

#553adcの配色パターン

#db5439の配色パターン

#c0db39の配色パターン

#39c0dbの配色パターン

■#553adc ■#db5439 ■#c0db39 ■#39c0db

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

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

#553adcの配色パターン

#db396fの配色パターン

#c0db39の配色パターン

#39dba5の配色パターン

■#553adc ■#db396f ■#c0db39 ■#39dba5

ペンタード配色Pentad

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

#553adcの配色パターン

#db39a0の配色パターン

#db9539の配色パターン

#5fdb39の配色パターン

#39dbd6の配色パターン

■#553adc ■#db39a0 ■#db9539 ■#5fdb39 ■#39dbd6

ヘクサード配色Hexad

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

#553adcの配色パターン

#db39c0の配色パターン

#db5439の配色パターン

#c0db39の配色パターン

#39db54の配色パターン

#39c0dbの配色パターン

■#553adc ■#db39c0 ■#db5439 ■#c0db39 ■#39db54 ■#39c0db