#ccff99の色情報

#CCFF99

#ccff99の成分 R:242 G:255 B:230

#ccff99の色彩情報

明度:8/10
暗い 80% 明るい
彩度:10/10
低い 100% 高い
RGB:
R:cc G:ff B:99
 
R : 33.3% : #cc0000
 
G : 41.7% : #00ff00
 
B : 25% : #000099
HEX:
#ccff99
HSV:
H:90 S:40 V:100
HSL:
H:90 S:100 L:80
HSLA:
H:90 S:100 L:80 L:1
CMYK:
C:20% M:0% Y:40% K:0%
Lab:
L*:98.53 a*:-7.65 b*:10.46

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

明度に変化を持たせた配色
 
       
#a6ff4d#b3ff66#bfff80#ccff99#d9ffb3#e6ffcc#f2ffe6

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

彩度に変化を持たせた配色
 
       
#ccff99#ccff99#ccff99#ccff99#ccfa9e#ccf5a3#ccf0a8

#ccff99の補色

 
#cc99ff

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

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

#ccff99のトライアド配色

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

#ccff99のアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#ffcc99#99ffcc

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

基準色とその補色の類似色を使った配色
 
  
#ff99ff#9999ff

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

色相環を長方形に4分した位置にある4色の配色
 
   
#99ccff#cc99ff#ffcc99

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

色相環を正方形に4分した位置にある4色の配色
 
   
#99ffff#cc99ff#ff9999

#ccff99のペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#99ffe0#99a3ff#ff99f5#ffb899

#ccff99のヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#99ffcc#99ccff#cc99ff#ff99cc#ffcc99

#ccff99の12色相平面

180°360°
                                                                         

#ccff99の12色相環


色相色相値RGBHSLHSVHEX
 0rgb(204,255,153)hsl(90,100%,80%)hsv(90,40%,100%)#ccff99
 30rgb(153,255,153)hsl(120,100%,80%)hsv(120,40%,100%)#99ff99
 60rgb(153,255,204)hsl(150,100%,80%)hsv(150,40%,100%)#99ffcc
 90rgb(153,255,255)hsl(180,100%,80%)hsv(180,40%,100%)#99ffff
 120rgb(153,204,255)hsl(210,100%,80%)hsv(210,40%,100%)#99ccff
 150rgb(153,153,255)hsl(240,100%,80%)hsv(240,40%,100%)#9999ff
 180rgb(204,153,255)hsl(270,100%,80%)hsv(270,40%,100%)#cc99ff
 210rgb(255,153,255)hsl(300,100%,80%)hsv(300,40%,100%)#ff99ff
 240rgb(255,153,204)hsl(330,100%,80%)hsv(330,40%,100%)#ff99cc
 270rgb(255,153,153)hsl(0,100%,80%)hsv(0,40%,100%)#ff9999
 300rgb(255,204,153)hsl(30,100%,80%)hsv(30,40%,100%)#ffcc99
 330rgb(255,255,153)hsl(60,100%,80%)hsv(60,40%,100%)#ffff99
 360rgb(204,255,153)hsl(90,100%,80%)hsv(90,40%,100%)#ccff99

#ccff99のRGB成分

 
   
R:33.3%G:41.7%B:25%
R:#cc0000G:#00ff00B:#000099

#ccff99のカラーチャート

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