#ff5700の色情報

#FF5700

#ff5700の成分 R:255 G:136 B:77

#ff5700の色彩情報

明度:5/10
暗い 50% 明るい
彩度:10/10
低い 100% 高い
RGB:
R:ff G:57 B:00
 
R : 74.6% : #ff0000
 
G : 25.4% : #005700
 
B : 0% : #000000
HEX:
#ff5700
HSV:
H:20 S:100 V:100
HSL:
H:20 S:100 L:50
HSLA:
H:20 S:100 L:50 L:1
CMYK:
C:0% M:66% Y:0% K:0%
Lab:
L*:69.72 a*:43.04 b*:51.94

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

明度に変化を持たせた配色
 
       
#b33c00#cc4400#e64d00#ff5500#ff661a#ff7733#ff884d

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

彩度に変化を持たせた配色
 
       
#ff5500#ff5500#ff5500#ff5500#f2590d#e65e1a#d96226

#ff5700の補色

 
#00aaff

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

色相環の正反対にある色同士の配色
  
#ff5700#00aaff

#ff5700のトライアド配色

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

#ff5700のアナロガス配色

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

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

基準色とその補色の類似色を使った配色
 
  
#002bff#00ffd5

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

色相環を長方形に4分した位置にある4色の配色
 
   
#00ff55#00aaff#ff00aa

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

色相環を正方形に4分した位置にある4色の配色
 
   
#2bff00#00aaff#d500ff

#ff5700のペンタード配色

色相環を正五角形で5等分した位置にある5色の配色
 
    
#77ff00#00ffbb#0011ff#ff00dd

#ff5700のヘクサード配色

色相環を正六角形で6等分した位置にある6色の配色
 
     
#aaff00#00ff55#00aaff#5500ff#ff00aa

#ff5700の12色相平面

180°360°
                                                                         

#ff5700の12色相環


色相色相値RGBHSLHSVHEX
 0rgb(255,85,0)hsl(20,100%,50%)hsv(20,100%,100%)#ff5500
 30rgb(255,213,0)hsl(50,100%,50%)hsv(50,100%,100%)#ffd500
 60rgb(170,255,0)hsl(80,100%,50%)hsv(80,100%,100%)#aaff00
 90rgb(43,255,0)hsl(110,100%,50%)hsv(110,100%,100%)#2bff00
 120rgb(0,255,85)hsl(140,100%,50%)hsv(140,100%,100%)#00ff55
 150rgb(0,255,213)hsl(170,100%,50%)hsv(170,100%,100%)#00ffd5
 180rgb(0,170,255)hsl(200,100%,50%)hsv(200,100%,100%)#00aaff
 210rgb(0,43,255)hsl(230,100%,50%)hsv(230,100%,100%)#002bff
 240rgb(85,0,255)hsl(260,100%,50%)hsv(260,100%,100%)#5500ff
 270rgb(213,0,255)hsl(290,100%,50%)hsv(290,100%,100%)#d500ff
 300rgb(255,0,170)hsl(320,100%,50%)hsv(320,100%,100%)#ff00aa
 330rgb(255,0,43)hsl(350,100%,50%)hsv(350,100%,100%)#ff002b
 360rgb(255,85,0)hsl(20,100%,50%)hsv(20,100%,100%)#ff5500

#ff5700のRGB成分

 
   
R:74.6%G:25.4%B:0%
R:#ff0000G:#005700B:#000000

#ff5700のカラーチャート

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