#00ccffの色情報

#00CCFF

#00ccffの成分 R:77 G:219 B:255

#00ccffの色彩情報

明度：5/10
暗い 50% 明るい
彩度：10/10
低い 100% 高い
RGB：
R:00 G:cc B:ff
 
R : 0% : #000000
 
G : 44.4% : #00cc00
 
B : 55.6% : #0000ff
HEX：
#00ccff
HSV：
H：192 S：100 V：100
HSL：
H：192 S：100 L：50
HSLA：
H：192 S：100 L：50 L：1
CMYK：
C：0% M：20% Y：0% K：0%
Lab：
L*：81.01 a*：-30.84 b*：-29.35

#00ccffの同一色相、同一明度の配色

明度に変化を持たせた配色
 
       
#008fb3#00a3cc#00b8e6#00ccff#1ad1ff#33d6ff#4ddbff

#00ccffの同一色相、同一彩度の配色

彩度に変化を持たせた配色
 
       
#00ccff#00ccff#00ccff#00ccff#0dc4f2#1abde6#26b5d9

#00ccffの補色

 
#ff3300

#00ccffのコンプリメンタリー配色

色相環の正反対にある色同士の配色
  
#00ccff#ff3300

#00ccffのトライアド配色

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

#00ccffのアナロガス配色

色相環で隣り合う色を組み合わせた配色
 
  
#00ff33#3300ff

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

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

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

色相環を長方形に4分した位置にある4色の配色
 
   
#ff00cc#ff3300#00ff33

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

色相環を正方形に4分した位置にある4色の配色
 
   
#b300ff#ff3300#4cff00

#00ccffのペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#6600ff#ff0066#ffcc00#00ff00

#00ccffのヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#3300ff#ff00cc#ff3300#ccff00#00ff33

#00ccffの12色相平面

0°180°360°
                                                                         

#00ccffの12色相環


色相色相値RGBHSLHSVHEX
 0rgb(0,204,255)hsl(192,100%,50%)hsv(192,100%,100%)#00ccff
 30rgb(0,76,255)hsl(222,100%,50%)hsv(222,100%,100%)#004cff
 60rgb(51,0,255)hsl(252,100%,50%)hsv(252,100%,100%)#3300ff
 90rgb(179,0,255)hsl(282,100%,50%)hsv(282,100%,100%)#b300ff
 120rgb(255,0,204)hsl(312,100%,50%)hsv(312,100%,100%)#ff00cc
 150rgb(255,0,76)hsl(342,100%,50%)hsv(342,100%,100%)#ff004c
 180rgb(255,51,0)hsl(12,100%,50%)hsv(12,100%,100%)#ff3300
 210rgb(255,179,0)hsl(42,100%,50%)hsv(42,100%,100%)#ffb300
 240rgb(204,255,0)hsl(72,100%,50%)hsv(72,100%,100%)#ccff00
 270rgb(76,255,0)hsl(102,100%,50%)hsv(102,100%,100%)#4cff00
 300rgb(0,255,51)hsl(132,100%,50%)hsv(132,100%,100%)#00ff33
 330rgb(0,255,179)hsl(162,100%,50%)hsv(162,100%,100%)#00ffb3
 360rgb(0,204,255)hsl(192,100%,50%)hsv(192,100%,100%)#00ccff

#00ccffのRGB成分

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

#00ccffのカラーチャート

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