HSL / RGB / CMJN / Hexa Convertisseur

Colorem in english   Colorem en espańol  
 

Insérer votre couleur HSL, RGB, CMJN ou Hexa.


HSL:    Hue °   Saturation %   Lightness %

CMJN:    Cyan    Magenta    Jaune    Noir

RGB:    Red    Green    Blue

Hex:    #

   
 




Hexadecimal : #338acc

R: 51, G: 138, B: 204

CMJN(75, 32, 0, 20)

H: 206°, S: 60%, L: 50%

 

Roue des couleurs

Original
Hex : #338acc
RGB : 51, 138, 204
CMJN : 75, 32, 0, 20
HSL : 206°, 60%, 50%
Adjacent - 30°
Hex : #333dcc
RGB : 51, 61, 204
CMJN : 75, 70, 0, 20
HSL : 236°, 60%, 50%
60°
Hex : #7533cc
RGB : 117, 51, 204
CMJN : 43, 75, 0, 20
HSL : 266°, 60%, 50%
Tetradique - 90°
Hex : #c233cc
RGB : 194, 51, 204
CMJN : 5, 75, 0, 20
HSL : 296°, 60%, 50%
Triadique - 120°
Hex : #cc338a
RGB : 204, 51, 138
CMJN : 0, 75, 32, 20
HSL : 326°, 60%, 50%
150°
Hex : #cc333d
RGB : 204, 51, 61
CMJN : 0, 75, 70, 20
HSL : 356°, 60%, 50%
Complémentaire - 180°
Hex : #cc7533
RGB : 204, 117, 51
CMJN : 0, 43, 75, 20
HSL : 26°, 60%, 50%
210°
Hex : #ccc233
RGB : 204, 194, 51
CMJN : 0, 5, 75, 20
HSL : 56°, 60%, 50%
Triadique - 240°
Hex : #8acc33
RGB : 138, 204, 51
CMJN : 32, 0, 75, 20
HSL : 86°, 60%, 50%
Tetradique - 270°
Hex : #3dcc33
RGB : 61, 204, 51
CMJN : 70, 0, 75, 20
HSL : 116°, 60%, 50%
300°
Hex : #33cc75
RGB : 51, 204, 117
CMJN : 75, 0, 43, 20
HSL : 146°, 60%, 50%
Adjacent - 330°
Hex : #33ccc2
RGB : 51, 204, 194
CMJN : 75, 0, 5, 20
HSL : 176°, 60%, 50%

Variation du constraste

Original
Hex : #338acc
RGB : 51, 138, 204
CMJN : 75, 32, 0, 20
HSL : 206°, 60%, 50%
Saturation : 0%
Hex : #808080
RGB : 128, 128, 128
CMJN : 0, 0, 0, 50
HSL : 206°, 0%, 50%
Saturation : 10%
Hex : #73818c
RGB : 115, 129, 140
CMJN : 18, 8, 0, 45
HSL : 206°, 10%, 50%
Saturation : 20%
Hex : #668399
RGB : 102, 131, 153
CMJN : 33, 14, 0, 40
HSL : 206°, 20%, 50%
Saturation : 30%
Hex : #5985a6
RGB : 89, 133, 166
CMJN : 46, 20, 0, 35
HSL : 206°, 30%, 50%
Saturation : 40%
Hex : #4d86b3
RGB : 77, 134, 179
CMJN : 57, 25, 0, 30
HSL : 206°, 40%, 50%
Saturation : 50%
Hex : #4088bf
RGB : 64, 136, 191
CMJN : 66, 29, 0, 25
HSL : 206°, 50%, 50%
Saturation : 60%
Hex : #338acc
RGB : 51, 138, 204
CMJN : 75, 32, 0, 20
HSL : 206°, 60%, 50%
Saturation : 70%
Hex : #268bd9
RGB : 38, 139, 217
CMJN : 82, 36, 0, 15
HSL : 206°, 70%, 50%
Saturation : 80%
Hex : #1a8de6
RGB : 26, 141, 230
CMJN : 89, 39, 0, 10
HSL : 206°, 80%, 50%
Saturation : 90%
Hex : #0d8ff2
RGB : 13, 143, 242
CMJN : 95, 41, 0, 5
HSL : 206°, 90%, 50%
Saturation : 100%
Hex : #0091ff
RGB : 0, 145, 255
CMJN : 100, 43, 0, 0
HSL : 206°, 100%, 50%

Variation de la lumière

Original
Hex : #338acc
RGB : 51, 138, 204
CMJN : 75, 32, 0, 20
HSL : 206°, 60%, 50%
Lumière : 0%
Hex : #000000
RGB : 0 0 0
CMJN : 0, 0, 0, 100
HSL : 206°, 60%, 0%
Lumière : 10%
Hex : #0a1c29
RGB : 10 28 41
CMJN : 76, 32, 0, 84
HSL : 206°, 60%, 10%
Lumière : 20%
Hex : #143752
RGB : 20 55 82
CMJN : 76, 33, 0, 68
HSL : 206°, 60%, 20%
Lumière : 30%
Hex : #1f537a
RGB : 31 83 122
CMJN : 75, 32, 0, 52
HSL : 206°, 60%, 30%
Lumière : 40%
Hex : #296ea3
RGB : 41 110 163
CMJN : 75, 33, 0, 36
HSL : 206°, 60%, 40%
Lumière : 50%
Hex : #338acc
RGB : 51 138 204
CMJN : 75, 32, 0, 20
HSL : 206°, 60%, 50%
Lumière : 60%
Hex : #5ca1d6
RGB : 92 161 214
CMJN : 57, 25, 0, 16
HSL : 206°, 60%, 60%
Lumière : 70%
Hex : #85b9e0
RGB : 133 185 224
CMJN : 41, 17, 0, 12
HSL : 206°, 60%, 70%
Lumière : 80%
Hex : #add0eb
RGB : 173 208 235
CMJN : 26, 11, 0, 8
HSL : 206°, 60%, 80%
Lumière : 90%
Hex : #d6e8f5
RGB : 214 232 245
CMJN : 13, 5, 0, 4
HSL : 206°, 60%, 90%
Lumière : 100%
Hex : #ffffff
RGB : 255 255 255
CMJN : 0, 0, 0, 0
HSL : 206°, 60%, 100%