#cc00ffの色情報

#CC00FF

#cc00ffの成分 R:219 G:77 B:255

#cc00ffの色彩情報

明度:5/10
暗い 50% 明るい
彩度:10/10
低い 100% 高い
RGB:
R:cc G:00 B:ff
 
R : 44.4% : #cc0000
 
G : 0% : #000000
 
B : 55.6% : #0000ff
HEX:
#cc00ff
HSV:
H:288 S:100 V:100
HSL:
H:288 S:100 L:50
HSLA:
H:288 S:100 L:50 L:1
CMYK:
C:20% M:0% Y:0% K:0%
Lab:
L*:59.11 a*:72.69 b*:-62.61

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

明度に変化を持たせた配色
 
       
#8f00b3#a300cc#b800e6#cc00ff#d11aff#d633ff#db4dff

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

彩度に変化を持たせた配色
 
       
#cc00ff#cc00ff#cc00ff#cc00ff#c40df2#bd1ae6#b526d9

#cc00ffの補色

 
#33ff00

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

色相環の正反対にある色同士の配色
  
#cc00ff#33ff00

#cc00ffのトライアド配色

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

#cc00ffのアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#0033ff#ff0033

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

基準色とその補色の類似色を使った配色
 
  
#00ff4d#b3ff00

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

色相環を長方形に4分した位置にある4色の配色
 
   
#ffcc00#33ff00#0033ff

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

色相環を正方形に4分した位置にある4色の配色
 
   
#ff4d00#33ff00#00b3ff

#cc00ffのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#ff0000#ccff00#00ff66#0066ff

#cc00ffのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#ff0033#ffcc00#33ff00#00ffcc#0033ff

#cc00ffの12色相平面

180°360°
                                                                         

#cc00ffの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(204,0,255)hsl(288,100%,50%)hsv(288,100%,100%)#cc00ff
 30rgb(255,0,179)hsl(318,100%,50%)hsv(318,100%,100%)#ff00b3
 60rgb(255,0,51)hsl(348,100%,50%)hsv(348,100%,100%)#ff0033
 90rgb(255,77,0)hsl(18,100%,50%)hsv(18,100%,100%)#ff4d00
 120rgb(255,204,0)hsl(48,100%,50%)hsv(48,100%,100%)#ffcc00
 150rgb(179,255,0)hsl(78,100%,50%)hsv(78,100%,100%)#b3ff00
 180rgb(51,255,0)hsl(108,100%,50%)hsv(108,100%,100%)#33ff00
 210rgb(0,255,77)hsl(138,100%,50%)hsv(138,100%,100%)#00ff4d
 240rgb(0,255,204)hsl(168,100%,50%)hsv(168,100%,100%)#00ffcc
 270rgb(0,179,255)hsl(198,100%,50%)hsv(198,100%,100%)#00b3ff
 300rgb(0,51,255)hsl(228,100%,50%)hsv(228,100%,100%)#0033ff
 330rgb(77,0,255)hsl(258,100%,50%)hsv(258,100%,100%)#4d00ff
 360rgb(204,0,255)hsl(288,100%,50%)hsv(288,100%,100%)#cc00ff

#cc00ffのRGB成分

 
   
R:44.4%G:0%B:55.6%
R:#cc0000G:#000000B:#0000ff

#cc00ffのカラーチャート

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