#aa55ffの色情報

#AA55FF

#aa55ffの成分 R:209 G:163 B:255

#aa55ffの色彩情報

明度：7/10
暗い 67% 明るい
彩度：10/10
低い 100% 高い
RGB：
R:aa G:55 B:ff
 
R : 33.3% : #aa0000
 
G : 16.7% : #005500
 
B : 50% : #0000ff
HEX：
#aa55ff
HSV：
H：270 S：67 V：100
HSL：
H：270 S：100 L：67
HSLA：
H：270 S：100 L：67 L：1
CMYK：
C：33% M：67% Y：0% K：0%
Lab：
L*：73.87 a*：30.32 b*：-39.52

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

明度に変化を持たせた配色
 
       
#850aff#8f1fff#9e3dff#ab57ff#b870ff#c48aff#d1a3ff

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

彩度に変化を持たせた配色
 
       
#ab57ff#ab57ff#ab57ff#ab57ff#ab5ff7#ab68ee#ab70e6

#aa55ffの補色

 
#abff57

#aa55ffのコンプリメンタリー配色

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

#aa55ffのトライアド配色

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

#aa55ffのアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#57abff#ff57ab

#aa55ffのスプリット・コンプリメンタリー配色

基準色とその補色の類似色を使った配色
 
  
#57ff57#ffff57

#aa55ffのテトラード配色(長方形)配色

色相環を長方形に4分した位置にある4色の配色
 
   
#ffab57#abff57#57abff

#aa55ffのテトラード配色(正方形)配色

色相環を正方形に4分した位置にある4色の配色
 
   
#ff5757#abff57#57ffff

#aa55ffのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#ff5789#ffee57#57ff68#57cdff

#aa55ffのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#ff57ab#ffab57#abff57#57ffab#57abff

#aa55ffの12色相平面

0°180°360°
                                                                         

#aa55ffの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(171,87,255)hsl(270,100%,67%)hsv(270,66%,100%)#ab57ff
 30rgb(255,87,255)hsl(300,100%,67%)hsv(300,66%,100%)#ff57ff
 60rgb(255,87,171)hsl(330,100%,67%)hsv(330,66%,100%)#ff57ab
 90rgb(255,87,87)hsl(0,100%,67%)hsv(0,66%,100%)#ff5757
 120rgb(255,171,87)hsl(30,100%,67%)hsv(30,66%,100%)#ffab57
 150rgb(255,255,87)hsl(60,100%,67%)hsv(60,66%,100%)#ffff57
 180rgb(171,255,87)hsl(90,100%,67%)hsv(90,66%,100%)#abff57
 210rgb(87,255,87)hsl(120,100%,67%)hsv(120,66%,100%)#57ff57
 240rgb(87,255,171)hsl(150,100%,67%)hsv(150,66%,100%)#57ffab
 270rgb(87,255,255)hsl(180,100%,67%)hsv(180,66%,100%)#57ffff
 300rgb(87,171,255)hsl(210,100%,67%)hsv(210,66%,100%)#57abff
 330rgb(87,87,255)hsl(240,100%,67%)hsv(240,66%,100%)#5757ff
 360rgb(171,87,255)hsl(270,100%,67%)hsv(270,66%,100%)#ab57ff

#aa55ffのRGB成分

 
   
R:33.3%G:16.7%B:50%
R:#aa0000G:#005500B:#0000ff

#aa55ffのカラーチャート

 彩度
100%75%50%25%0%
輝度100%     
83%     
66%     
50%     
34%     
17%     
0%