Dear color lovers – together, we’ll have a more colorful future. Support us on

CSS Gradients:
#AAEBBA

Information

ferme tous les

Laissez-vous suggérer des dégradés CSS de deux teintes comme la teinte de base et la couleur complémentaire.

Trouvez des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouvez des exemples de transitions de couleurs linéaires et radiales à partir de Teintes plus claires.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Laissez CSS suggérer des dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouvez des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copiez le code CSS pour l'intégrer facilement sur votre site.

Options d'affichage

Description

Couleur claire : des valeurs de couleur élevées créent une impression de clarté.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 170 Rouge, 235 Vert et 186 bleu.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des trois éléments rouge (en haut), vert (en bas à droite) et bleu (en bas à gauche). Au centre, tu peux voir la couleur résultante.
170 235 186 R G B
Dans le système de couleurs CMYK, la couleur est composée de la manière suivante : Dans cette teinte, sur 100 parts maximales de couleur, respectivement 28 cyan, pas de magenta, 21 jaune et 8 key.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des quatre éléments cyan (en haut à gauche), magenta (en haut à droite), jaune ou yellow (en bas à droite) et noir ou key (en bas à gauche). Au centre, tu peux voir la couleur obtenue.
28% 0% 21% 8% C M Y K

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

C'est parti

Linéaire

HEX #AAEBBA sur HEX #551445


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 8%, #551445 96%);

Radial

HEX #AAEBBA sur HEX #551445


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 1%, #551445 99%);

 

HEX #551445 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #551445 12%, #AAEBBA 90%);

 

HEX #551445 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #551445 3%, #AAEBBA 91%);

Linéaire

HEX #AAEBBA sur HEX #AAEBA8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 1%, #AAEBA8 96%);

Radial

HEX #AAEBBA sur HEX #AAEBA8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 1%, #AAEBA8 96%);

 

HEX #AAEBA8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #AAEBA8 14%, #AAEBBA 96%);

 

HEX #AAEBA8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #AAEBA8 14%, #AAEBBA 91%);

 

HEX #AAEBBA sur HEX #A8EBB8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 14%, #A8EBB8 88%);

 

HEX #AAEBBA sur HEX #A8EBB8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 7%, #A8EBB8 91%);

 

HEX #A8EBB8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBB8 4%, #AAEBBA 100%);

 

HEX #A8EBB8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBB8 11%, #AAEBBA 90%);

 

HEX #AAEBBA sur HEX #A8EBC9


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 8%, #A8EBC9 94%);

 

HEX #AAEBBA sur HEX #A8EBC9


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 11%, #A8EBC9 97%);

 

HEX #A8EBC9 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBC9 6%, #AAEBBA 89%);

 

HEX #A8EBC9 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBC9 1%, #AAEBBA 99%);

 

HEX #AAEBBA sur HEX #A8EBDB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 10%, #A8EBDB 99%);

 

HEX #AAEBBA sur HEX #A8EBDB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 14%, #A8EBDB 96%);

 

HEX #A8EBDB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBDB 6%, #AAEBBA 91%);

 

HEX #A8EBDB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBDB 8%, #AAEBBA 90%);

Linéaire

HEX #AAEBBA sur HEX #87E39D


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 10%, #87E39D 96%);

Radial

HEX #AAEBBA sur HEX #87E39D


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 1%, #87E39D 90%);

 

HEX #87E39D sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #87E39D 9%, #AAEBBA 99%);

 

HEX #87E39D sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #87E39D 2%, #AAEBBA 90%);

 

HEX #AAEBBA sur HEX #A8EBB9


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 0%, #A8EBB9 98%);

 

HEX #AAEBBA sur HEX #A8EBB9


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 3%, #A8EBB9 88%);

 

HEX #A8EBB9 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBB9 13%, #AAEBBA 99%);

 

HEX #A8EBB9 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBB9 4%, #AAEBBA 91%);

 

HEX #AAEBBA sur HEX #CAF2D4


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 6%, #CAF2D4 88%);

 

HEX #AAEBBA sur HEX #CAF2D4


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 9%, #CAF2D4 95%);

 

HEX #CAF2D4 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #CAF2D4 7%, #AAEBBA 96%);

 

HEX #CAF2D4 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #CAF2D4 12%, #AAEBBA 95%);

 

HEX #AAEBBA sur HEX #EBFAEF


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 0%, #EBFAEF 92%);

 

HEX #AAEBBA sur HEX #EBFAEF


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 14%, #EBFAEF 90%);

 

HEX #EBFAEF sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBFAEF 3%, #AAEBBA 95%);

 

HEX #EBFAEF sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBFAEF 1%, #AAEBBA 87%);

Linéaire

HEX #AAEBBA sur HEX #AAEBA8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 1%, #AAEBA8 99%);

Radial

HEX #AAEBBA sur HEX #AAEBA8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 14%, #AAEBA8 89%);

 

HEX #AAEBA8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #AAEBA8 9%, #AAEBBA 91%);

 

HEX #AAEBA8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #AAEBA8 14%, #AAEBBA 93%);

 

HEX #AAEBBA sur HEX #A8EBB8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 3%, #A8EBB8 89%);

 

HEX #AAEBBA sur HEX #A8EBB8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 6%, #A8EBB8 96%);

 

HEX #A8EBB8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBB8 6%, #AAEBBA 86%);

 

HEX #A8EBB8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBB8 5%, #AAEBBA 96%);

 

HEX #AAEBBA sur HEX #A8EBC9


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 2%, #A8EBC9 98%);

 

HEX #AAEBBA sur HEX #A8EBC9


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 8%, #A8EBC9 96%);

 

HEX #A8EBC9 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBC9 10%, #AAEBBA 97%);

 

HEX #A8EBC9 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBC9 12%, #AAEBBA 93%);

 

HEX #AAEBBA sur HEX #A8EBDB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 6%, #A8EBDB 91%);

 

HEX #AAEBBA sur HEX #A8EBDB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 7%, #A8EBDB 89%);

 

HEX #A8EBDB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBDB 3%, #AAEBBA 94%);

 

HEX #A8EBDB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBDB 12%, #AAEBBA 90%);

Linéaire

HEX #AAEBBA sur HEX #87E39D


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 12%, #87E39D 99%);

Radial

HEX #AAEBBA sur HEX #87E39D


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 14%, #87E39D 98%);

 

HEX #87E39D sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #87E39D 11%, #AAEBBA 88%);

 

HEX #87E39D sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #87E39D 3%, #AAEBBA 100%);

 

HEX #AAEBBA sur HEX #A8EBB9


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 7%, #A8EBB9 91%);

 

HEX #AAEBBA sur HEX #A8EBB9


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 9%, #A8EBB9 89%);

 

HEX #A8EBB9 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8EBB9 0%, #AAEBBA 86%);

 

HEX #A8EBB9 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8EBB9 12%, #AAEBBA 86%);

 

HEX #AAEBBA sur HEX #CAF2D4


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 6%, #CAF2D4 92%);

 

HEX #AAEBBA sur HEX #CAF2D4


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 3%, #CAF2D4 88%);

 

HEX #CAF2D4 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #CAF2D4 5%, #AAEBBA 89%);

 

HEX #CAF2D4 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #CAF2D4 13%, #AAEBBA 88%);

 

HEX #AAEBBA sur HEX #EBFAEF


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 8%, #EBFAEF 98%);

 

HEX #AAEBBA sur HEX #EBFAEF


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 8%, #EBFAEF 92%);

 

HEX #EBFAEF sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBFAEF 6%, #AAEBBA 96%);

 

HEX #EBFAEF sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBFAEF 0%, #AAEBBA 95%);

Linéaire

HEX #AAEBBA sur HEX #A8CEEB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 5%, #A8CEEB 91%);

Radial

HEX #AAEBBA sur HEX #A8CEEB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 6%, #A8CEEB 99%);

 

HEX #A8CEEB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8CEEB 2%, #AAEBBA 97%);

 

HEX #A8CEEB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8CEEB 11%, #AAEBBA 92%);

 

HEX #AAEBBA sur HEX #EBA8B3


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 11%, #EBA8B3 86%);

 

HEX #AAEBBA sur HEX #EBA8B3


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 8%, #EBA8B3 96%);

 

HEX #EBA8B3 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBA8B3 0%, #AAEBBA 91%);

 

HEX #EBA8B3 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBA8B3 1%, #AAEBBA 86%);

Linéaire

HEX #AAEBBA sur HEX #B8A8EB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 9%, #B8A8EB 98%);

Radial

HEX #AAEBBA sur HEX #B8A8EB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 12%, #B8A8EB 90%);

 

HEX #B8A8EB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #B8A8EB 3%, #AAEBBA 96%);

 

HEX #B8A8EB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #B8A8EB 8%, #AAEBBA 93%);

 

HEX #AAEBBA sur HEX #EBB8A8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 13%, #EBB8A8 90%);

 

HEX #AAEBBA sur HEX #EBB8A8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 14%, #EBB8A8 91%);

 

HEX #EBB8A8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBB8A8 13%, #AAEBBA 94%);

 

HEX #EBB8A8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBB8A8 14%, #AAEBBA 98%);

Linéaire

HEX #AAEBBA sur HEX #A8CEEB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 13%, #A8CEEB 91%);

Radial

HEX #AAEBBA sur HEX #A8CEEB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 5%, #A8CEEB 98%);

 

HEX #A8CEEB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8CEEB 3%, #AAEBBA 92%);

 

HEX #A8CEEB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8CEEB 5%, #AAEBBA 94%);

 

HEX #AAEBBA sur HEX #EBA8DB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 11%, #EBA8DB 87%);

 

HEX #AAEBBA sur HEX #EBA8DB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 5%, #EBA8DB 96%);

 

HEX #EBA8DB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBA8DB 6%, #AAEBBA 100%);

 

HEX #EBA8DB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBA8DB 10%, #AAEBBA 86%);

 

HEX #AAEBBA sur HEX #EBC5A8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 7%, #EBC5A8 91%);

 

HEX #AAEBBA sur HEX #EBC5A8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 11%, #EBC5A8 94%);

 

HEX #EBC5A8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBC5A8 5%, #AAEBBA 94%);

 

HEX #EBC5A8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBC5A8 3%, #AAEBBA 99%);

Linéaire

HEX #AAEBBA sur HEX #A8BAEB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 13%, #A8BAEB 93%);

Radial

HEX #AAEBBA sur HEX #A8BAEB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 9%, #A8BAEB 94%);

 

HEX #A8BAEB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #A8BAEB 13%, #AAEBBA 94%);

 

HEX #A8BAEB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #A8BAEB 13%, #AAEBBA 96%);

 

HEX #AAEBBA sur HEX #EBA8DB


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 8%, #EBA8DB 88%);

 

HEX #AAEBBA sur HEX #EBA8DB


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 12%, #EBA8DB 86%);

 

HEX #EBA8DB sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBA8DB 0%, #AAEBBA 86%);

 

HEX #EBA8DB sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBA8DB 1%, #AAEBBA 99%);

 

HEX #AAEBBA sur HEX #EBD9A8


Code CSS:

background-image: linear-gradient(135deg, #AAEBBA 11%, #EBD9A8 90%);

 

HEX #AAEBBA sur HEX #EBD9A8


Code CSS:

background-image: radial-gradient(circle, #AAEBBA 0%, #EBD9A8 96%);

 

HEX #EBD9A8 sur HEX #AAEBBA


Code CSS:

background-image: linear-gradient(135deg, #EBD9A8 1%, #AAEBBA 86%);

 

HEX #EBD9A8 sur HEX #AAEBBA


Code CSS:

background-image: radial-gradient(circle, #EBD9A8 5%, #AAEBBA 95%);

Afficher plus de palettes de couleurs

Services

Couleurs

RGB en HEX

convertir de RGB rouge vert bleu sur #RRGGBB

RGB en CMYK

convertir de RGB rouge vert bleu sur CMYK cyan / magenta / jaune / key

Icons

RGB en RAL®

convertir de RGB rouge vert bleu sur Numéro RAL® (RAL 0000)

RGB en HKS®

convertir de RGB rouge vert bleu sur Numéro HKS® (HKS 00)

RGB en PANTONE®

convertir de RGB rouge vert bleu sur Numéro Pantone® (Pantone 0000)

RGB en Sherwin Williams®

convertir de RGB rouge vert bleu sur Sherwin Williams® numéro (SW 0000)

RGB en NCS®

convertir de RGB rouge vert bleu sur Numéro NCS (S0000-X00X)

nsc-logo

RGBA en HEX

convertir de RGBA rouge vert bleu transparent sur #RRGGBB

RGBA en CMYK

convertir de RGBA rouge vert bleu transparent sur CMYK cyan / magenta / jaune / key

Icons

RGBA en RAL®

convertir de RGBA rouge vert bleu transparent sur Numéro RAL® (RAL 0000)

RGBA en HKS®

convertir de RGBA rouge vert bleu transparent sur Numéro HKS® (HKS 00)

RGBA en PANTONE®

convertir de RGBA rouge vert bleu transparent sur Numéro Pantone® (Pantone 0000)

RGBA en Sherwin Williams®

convertir de RGBA rouge vert bleu transparent sur Sherwin Williams® numéro (SW 0000)

RGBA en NCS®

convertir de RGBA rouge vert bleu transparent sur Numéro NCS (S0000-X00X)

nsc-logo

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)

CMYK en NCS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro NCS (S0000-X00X)

nsc-logo

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en RGBA

convertir de #RRGGBB sur RGBA rouge vert bleu transparent

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

Icons

HEX en RAL®

convertir de #RRGGBB sur Numéro RAL® (RAL 0000)

HEX en HKS®

convertir de #RRGGBB sur Numéro HKS® (HKS 00)

HEX en PANTONE®

convertir de #RRGGBB sur Numéro Pantone® (Pantone 0000)

HEX en Sherwin Williams®

convertir de #RRGGBB sur Sherwin Williams® numéro (SW 0000)

HEX en NCS®

convertir de #RRGGBB sur Numéro NCS (S0000-X00X)

nsc-logo

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en RGBA

convertir de Numéro RAL® (RAL 0000) sur RGBA rouge vert bleu transparent

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

Icons

RAL® en HEX

convertir de Numéro RAL® (RAL 0000) sur #RRGGBB

RAL® en HKS®

convertir de Numéro RAL® (RAL 0000) sur Numéro HKS® (HKS 00)

RAL® en PANTONE®

convertir de Numéro RAL® (RAL 0000) sur Numéro Pantone® (Pantone 0000)

RAL® en Sherwin Williams®

convertir de Numéro RAL® (RAL 0000) sur Sherwin Williams® numéro (SW 0000)

RAL® en NCS®

convertir de Numéro RAL® (RAL 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en RGBA

convertir de Numéro HKS® (HKS 00) sur RGBA rouge vert bleu transparent

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

Icons

HKS® en HEX

convertir de Numéro HKS® (HKS 00) sur #RRGGBB

HKS® en RAL®

convertir de Numéro HKS® (HKS 00) sur Numéro RAL® (RAL 0000)

HKS® en PANTONE®

convertir de Numéro HKS® (HKS 00) sur Numéro Pantone® (Pantone 0000)

HKS® en Sherwin Williams®

convertir de Numéro HKS® (HKS 00) sur Sherwin Williams® numéro (SW 0000)

HKS® en NCS®

convertir de Numéro HKS® (HKS 00) sur Numéro NCS (S0000-X00X)

nsc-logo

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en RGBA

convertir de Numéro Pantone® (Pantone 0000) sur RGBA rouge vert bleu transparent

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

Icons

PANTONE® en HEX

convertir de Numéro Pantone® (Pantone 0000) sur #RRGGBB

PANTONE® en RAL®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro RAL® (RAL 0000)

PANTONE® en HKS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro HKS® (HKS 00)

PANTONE® en Sherwin Williams®

convertir de Numéro Pantone® (Pantone 0000) sur Sherwin Williams® numéro (SW 0000)

PANTONE® en NCS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en RGBA

convertir de Sherwin Williams® numéro (SW 0000) sur RGBA rouge vert bleu transparent

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

Icons

Sherwin Williams® en HEX

convertir de Sherwin Williams® numéro (SW 0000) sur #RRGGBB

Sherwin Williams® en RAL®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro RAL® (RAL 0000)

Sherwin Williams® en HKS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro HKS® (HKS 00)

Sherwin Williams® en PANTONE®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro Pantone® (Pantone 0000)

Sherwin Williams® en NCS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.