HSL / RGB / CMYK / Hexa Convertidor

Colorem in english   Colorem en espaņol  
 

Inserte su color HSL, RGB or Hexa.


HSL:    Hue °    Saturation %    Lightness %   

CMYK:    Cyan     Magenta     Yellow     Key    

RGB:    Red     Green     Blue    

Hex:    #   

   
 




Hexadecimal : #337aff

R: 51, G: 122, B: 255

CMYK(80, 52, 0, 0)

H: 219°, S: 100%, L: 60%

 

Rueda de los colores

Original
Hex : #337aff
RGB : 51, 122, 255
CMYK : 80, 52, 0, 0
HSL : 219°, 100%, 60%
adyacentes - 30°
Hex : #5233ff
RGB : 82, 51, 255
CMYK : 68, 80, 0, 0
HSL : 249°, 100%, 60%
60°
Hex : #b833ff
RGB : 184, 51, 255
CMYK : 28, 80, 0, 0
HSL : 279°, 100%, 60%
Tetrádica - 90°
Hex : #ff33e0
RGB : 255, 51, 224
CMYK : 0, 80, 12, 0
HSL : 309°, 100%, 60%
Triádicas - 120°
Hex : #ff337a
RGB : 255, 51, 122
CMYK : 0, 80, 52, 0
HSL : 339°, 100%, 60%
Compl Nivel 2 -. 150°
Hex : #ff5233
RGB : 255, 82, 51
CMYK : 0, 68, 80, 0
HSL : 9°, 100%, 60%
Complementarios - 180°
Hex : #ffb833
RGB : 255, 184, 51
CMYK : 0, 28, 80, 0
HSL : 39°, 100%, 60%
Compl Nivel 2 -. 210°
Hex : #e0ff33
RGB : 224, 255, 51
CMYK : 12, 0, 80, 0
HSL : 69°, 100%, 60%
Triádicas - 240°
Hex : #7aff33
RGB : 122, 255, 51
CMYK : 52, 0, 80, 0
HSL : 99°, 100%, 60%
Tetrádica - 270°
Hex : #33ff52
RGB : 51, 255, 82
CMYK : 80, 0, 68, 0
HSL : 129°, 100%, 60%
300°
Hex : #33ffb8
RGB : 51, 255, 184
CMYK : 80, 0, 28, 0
HSL : 159°, 100%, 60%
Adyacentes - 330°
Hex : #33e0ff
RGB : 51, 224, 255
CMYK : 80, 12, 0, 0
HSL : 189°, 100%, 60%

Variación del constraste

Original
Hex : #337aff
RGB : 51, 122, 255
CMYK : 80, 52, 0, 0
HSL : 219°, 100%, 60%
Saturación : 0%
Hex : #999999
RGB : 153, 153, 153
CMYK : 0, 0, 0, 40
HSL : 219°, 0%, 60%
Saturación : 10%
Hex : #8f96a3
RGB : 143, 150, 163
CMYK : 12, 8, 0, 36
HSL : 219°, 10%, 60%
Saturación : 20%
Hex : #8593ad
RGB : 133, 147, 173
CMYK : 23, 15, 0, 32
HSL : 219°, 20%, 60%
Saturación : 30%
Hex : #7a90b8
RGB : 122, 144, 184
CMYK : 34, 22, 0, 28
HSL : 219°, 30%, 60%
Saturación : 40%
Hex : #708dc2
RGB : 112, 141, 194
CMYK : 42, 27, 0, 24
HSL : 219°, 40%, 60%
Saturación : 50%
Hex : #668acc
RGB : 102, 138, 204
CMYK : 50, 32, 0, 20
HSL : 219°, 50%, 60%
Saturación : 60%
Hex : #5c87d6
RGB : 92, 135, 214
CMYK : 57, 37, 0, 16
HSL : 219°, 60%, 60%
Saturación : 70%
Hex : #5284e0
RGB : 82, 132, 224
CMYK : 63, 41, 0, 12
HSL : 219°, 70%, 60%
Saturación : 80%
Hex : #4781eb
RGB : 71, 129, 235
CMYK : 70, 45, 0, 8
HSL : 219°, 80%, 60%
Saturación : 90%
Hex : #3d7df5
RGB : 61, 125, 245
CMYK : 75, 49, 0, 4
HSL : 219°, 90%, 60%
Saturación : 100%
Hex : #337aff
RGB : 51, 122, 255
CMYK : 80, 52, 0, 0
HSL : 219°, 100%, 60%

Variación de la luz

Original
Hex : #337aff
RGB : 51, 122, 255
CMYK : 80, 52, 0, 0
HSL : 219°, 100%, 60%
Luz : 0%
Hex : #000000
RGB : 0 0 0
CMYK : 0, 0, 0, 100
HSL : 219°, 100%, 0%
Luz : 10%
Hex : #001233
RGB : 0 18 51
CMYK : 100, 65, 0, 80
HSL : 219°, 100%, 10%
Luz : 20%
Hex : #002466
RGB : 0 36 102
CMYK : 100, 65, 0, 60
HSL : 219°, 100%, 20%
Luz : 30%
Hex : #003699
RGB : 0 54 153
CMYK : 100, 65, 0, 40
HSL : 219°, 100%, 30%
Luz : 40%
Hex : #0047cc
RGB : 0 71 204
CMYK : 100, 65, 0, 20
HSL : 219°, 100%, 40%
Luz : 50%
Hex : #0059ff
RGB : 0 89 255
CMYK : 100, 65, 0, 0
HSL : 219°, 100%, 50%
Luz : 60%
Hex : #337aff
RGB : 51 122 255
CMYK : 80, 52, 0, 0
HSL : 219°, 100%, 60%
Luz : 70%
Hex : #669cff
RGB : 102 156 255
CMYK : 60, 39, 0, 0
HSL : 219°, 100%, 70%
Luz : 80%
Hex : #99bdff
RGB : 153 189 255
CMYK : 40, 26, 0, 0
HSL : 219°, 100%, 80%
Luz : 90%
Hex : #ccdeff
RGB : 204 222 255
CMYK : 20, 13, 0, 0
HSL : 219°, 100%, 90%
Luz : 100%
Hex : #ffffff
RGB : 255 255 255
CMYK : 0, 0, 0, 0
HSL : 219°, 100%, 100%