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

CSS Gradients:
#CCB249

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 204 Rouge, 178 Vert et 73 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.
204 178 73 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 pas de cyan, 13 magenta, 64 jaune et 20 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.
0% 13% 64% 20% 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 #CCB249 sur HEX #334DB6


Code CSS:

background-image: linear-gradient(135deg, #CCB249 1%, #334DB6 96%);

Radial

HEX #CCB249 sur HEX #334DB6


Code CSS:

background-image: radial-gradient(circle, #CCB249 11%, #334DB6 89%);

 

HEX #334DB6 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #334DB6 0%, #CCB249 93%);

 

HEX #334DB6 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #334DB6 2%, #CCB249 91%);

Linéaire

HEX #CCB249 sur HEX #CB8E48


Code CSS:

background-image: linear-gradient(135deg, #CCB249 8%, #CB8E48 90%);

Radial

HEX #CCB249 sur HEX #CB8E48


Code CSS:

background-image: radial-gradient(circle, #CCB249 5%, #CB8E48 92%);

 

HEX #CB8E48 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CB8E48 11%, #CCB249 91%);

 

HEX #CB8E48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CB8E48 1%, #CCB249 91%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: linear-gradient(135deg, #CCB249 14%, #CBB148 92%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: radial-gradient(circle, #CCB249 9%, #CBB148 92%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CBB148 5%, #CCB249 88%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CBB148 6%, #CCB249 99%);

 

HEX #CCB249 sur HEX #C3CB48


Code CSS:

background-image: linear-gradient(135deg, #CCB249 12%, #C3CB48 88%);

 

HEX #CCB249 sur HEX #C3CB48


Code CSS:

background-image: radial-gradient(circle, #CCB249 7%, #C3CB48 97%);

 

HEX #C3CB48 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #C3CB48 10%, #CCB249 100%);

 

HEX #C3CB48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #C3CB48 3%, #CCB249 96%);

 

HEX #CCB249 sur HEX #A0CB48


Code CSS:

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

 

HEX #CCB249 sur HEX #A0CB48


Code CSS:

background-image: radial-gradient(circle, #CCB249 8%, #A0CB48 94%);

 

HEX #A0CB48 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #A0CB48 7%, #CCB249 99%);

 

HEX #A0CB48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #A0CB48 4%, #CCB249 98%);

Linéaire

HEX #CCB249 sur HEX #B79D34


Code CSS:

background-image: linear-gradient(135deg, #CCB249 5%, #B79D34 100%);

Radial

HEX #CCB249 sur HEX #B79D34


Code CSS:

background-image: radial-gradient(circle, #CCB249 5%, #B79D34 90%);

 

HEX #B79D34 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #B79D34 6%, #CCB249 87%);

 

HEX #B79D34 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #B79D34 0%, #CCB249 95%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: linear-gradient(135deg, #CCB249 11%, #CBB148 89%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: radial-gradient(circle, #CCB249 6%, #CBB148 88%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CBB148 3%, #CCB249 88%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CBB148 9%, #CCB249 94%);

 

HEX #CCB249 sur HEX #D4BF68


Code CSS:

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

 

HEX #CCB249 sur HEX #D4BF68


Code CSS:

background-image: radial-gradient(circle, #CCB249 2%, #D4BF68 86%);

 

HEX #D4BF68 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #D4BF68 12%, #CCB249 92%);

 

HEX #D4BF68 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #D4BF68 5%, #CCB249 98%);

 

HEX #CCB249 sur HEX #DECD88


Code CSS:

background-image: linear-gradient(135deg, #CCB249 1%, #DECD88 90%);

 

HEX #CCB249 sur HEX #DECD88


Code CSS:

background-image: radial-gradient(circle, #CCB249 7%, #DECD88 93%);

 

HEX #DECD88 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #DECD88 9%, #CCB249 99%);

 

HEX #DECD88 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #DECD88 14%, #CCB249 98%);

Linéaire

HEX #CCB249 sur HEX #CB8E48


Code CSS:

background-image: linear-gradient(135deg, #CCB249 9%, #CB8E48 100%);

Radial

HEX #CCB249 sur HEX #CB8E48


Code CSS:

background-image: radial-gradient(circle, #CCB249 7%, #CB8E48 100%);

 

HEX #CB8E48 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CB8E48 10%, #CCB249 94%);

 

HEX #CB8E48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CB8E48 2%, #CCB249 86%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: linear-gradient(135deg, #CCB249 3%, #CBB148 88%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: radial-gradient(circle, #CCB249 7%, #CBB148 92%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CBB148 11%, #CCB249 94%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CBB148 13%, #CCB249 86%);

 

HEX #CCB249 sur HEX #C3CB48


Code CSS:

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

 

HEX #CCB249 sur HEX #C3CB48


Code CSS:

background-image: radial-gradient(circle, #CCB249 3%, #C3CB48 95%);

 

HEX #C3CB48 sur HEX #CCB249


Code CSS:

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

 

HEX #C3CB48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #C3CB48 12%, #CCB249 98%);

 

HEX #CCB249 sur HEX #A0CB48


Code CSS:

background-image: linear-gradient(135deg, #CCB249 1%, #A0CB48 92%);

 

HEX #CCB249 sur HEX #A0CB48


Code CSS:

background-image: radial-gradient(circle, #CCB249 14%, #A0CB48 91%);

 

HEX #A0CB48 sur HEX #CCB249


Code CSS:

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

 

HEX #A0CB48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #A0CB48 1%, #CCB249 99%);

Linéaire

HEX #CCB249 sur HEX #B79D34


Code CSS:

background-image: linear-gradient(135deg, #CCB249 2%, #B79D34 88%);

Radial

HEX #CCB249 sur HEX #B79D34


Code CSS:

background-image: radial-gradient(circle, #CCB249 7%, #B79D34 100%);

 

HEX #B79D34 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #B79D34 8%, #CCB249 99%);

 

HEX #B79D34 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #B79D34 3%, #CCB249 100%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: linear-gradient(135deg, #CCB249 14%, #CBB148 91%);

 

HEX #CCB249 sur HEX #CBB148


Code CSS:

background-image: radial-gradient(circle, #CCB249 5%, #CBB148 95%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CBB148 12%, #CCB249 96%);

 

HEX #CBB148 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CBB148 0%, #CCB249 99%);

 

HEX #CCB249 sur HEX #D4BF68


Code CSS:

background-image: linear-gradient(135deg, #CCB249 6%, #D4BF68 94%);

 

HEX #CCB249 sur HEX #D4BF68


Code CSS:

background-image: radial-gradient(circle, #CCB249 2%, #D4BF68 90%);

 

HEX #D4BF68 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #D4BF68 3%, #CCB249 88%);

 

HEX #D4BF68 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #D4BF68 3%, #CCB249 99%);

 

HEX #CCB249 sur HEX #DECD88


Code CSS:

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

 

HEX #CCB249 sur HEX #DECD88


Code CSS:

background-image: radial-gradient(circle, #CCB249 14%, #DECD88 88%);

 

HEX #DECD88 sur HEX #CCB249


Code CSS:

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

 

HEX #DECD88 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #DECD88 8%, #CCB249 96%);

Linéaire

HEX #CCB249 sur HEX #48CB48


Code CSS:

background-image: linear-gradient(135deg, #CCB249 1%, #48CB48 94%);

Radial

HEX #CCB249 sur HEX #48CB48


Code CSS:

background-image: radial-gradient(circle, #CCB249 3%, #48CB48 90%);

 

HEX #48CB48 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #48CB48 12%, #CCB249 93%);

 

HEX #48CB48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #48CB48 11%, #CCB249 89%);

 

HEX #CCB249 sur HEX #7D48CB


Code CSS:

background-image: linear-gradient(135deg, #CCB249 10%, #7D48CB 99%);

 

HEX #CCB249 sur HEX #7D48CB


Code CSS:

background-image: radial-gradient(circle, #CCB249 5%, #7D48CB 89%);

 

HEX #7D48CB sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #7D48CB 13%, #CCB249 95%);

 

HEX #7D48CB sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #7D48CB 7%, #CCB249 90%);

Linéaire

HEX #CCB249 sur HEX #48CBB1


Code CSS:

background-image: linear-gradient(135deg, #CCB249 9%, #48CBB1 99%);

Radial

HEX #CCB249 sur HEX #48CBB1


Code CSS:

background-image: radial-gradient(circle, #CCB249 9%, #48CBB1 98%);

 

HEX #48CBB1 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #48CBB1 5%, #CCB249 88%);

 

HEX #48CBB1 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #48CBB1 9%, #CCB249 93%);

 

HEX #CCB249 sur HEX #B148CB


Code CSS:

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

 

HEX #CCB249 sur HEX #B148CB


Code CSS:

background-image: radial-gradient(circle, #CCB249 0%, #B148CB 96%);

 

HEX #B148CB sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #B148CB 6%, #CCB249 93%);

 

HEX #B148CB sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #B148CB 11%, #CCB249 91%);

Linéaire

HEX #CCB249 sur HEX #48CB48


Code CSS:

background-image: linear-gradient(135deg, #CCB249 14%, #48CB48 94%);

Radial

HEX #CCB249 sur HEX #48CB48


Code CSS:

background-image: radial-gradient(circle, #CCB249 7%, #48CB48 100%);

 

HEX #48CB48 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #48CB48 3%, #CCB249 93%);

 

HEX #48CB48 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #48CB48 13%, #CCB249 98%);

 

HEX #CCB249 sur HEX #4862CB


Code CSS:

background-image: linear-gradient(135deg, #CCB249 6%, #4862CB 90%);

 

HEX #CCB249 sur HEX #4862CB


Code CSS:

background-image: radial-gradient(circle, #CCB249 11%, #4862CB 100%);

 

HEX #4862CB sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #4862CB 13%, #CCB249 99%);

 

HEX #4862CB sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #4862CB 6%, #CCB249 93%);

 

HEX #CCB249 sur HEX #CB48CB


Code CSS:

background-image: linear-gradient(135deg, #CCB249 2%, #CB48CB 93%);

 

HEX #CCB249 sur HEX #CB48CB


Code CSS:

background-image: radial-gradient(circle, #CCB249 11%, #CB48CB 89%);

 

HEX #CB48CB sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CB48CB 14%, #CCB249 98%);

 

HEX #CB48CB sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CB48CB 2%, #CCB249 97%);

Linéaire

HEX #CCB249 sur HEX #48CB6F


Code CSS:

background-image: linear-gradient(135deg, #CCB249 9%, #48CB6F 100%);

Radial

HEX #CCB249 sur HEX #48CB6F


Code CSS:

background-image: radial-gradient(circle, #CCB249 4%, #48CB6F 93%);

 

HEX #48CB6F sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #48CB6F 0%, #CCB249 89%);

 

HEX #48CB6F sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #48CB6F 11%, #CCB249 86%);

 

HEX #CCB249 sur HEX #4862CB


Code CSS:

background-image: linear-gradient(135deg, #CCB249 4%, #4862CB 89%);

 

HEX #CCB249 sur HEX #4862CB


Code CSS:

background-image: radial-gradient(circle, #CCB249 8%, #4862CB 90%);

 

HEX #4862CB sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #4862CB 10%, #CCB249 93%);

 

HEX #4862CB sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #4862CB 12%, #CCB249 99%);

 

HEX #CCB249 sur HEX #CB48A4


Code CSS:

background-image: linear-gradient(135deg, #CCB249 8%, #CB48A4 90%);

 

HEX #CCB249 sur HEX #CB48A4


Code CSS:

background-image: radial-gradient(circle, #CCB249 8%, #CB48A4 95%);

 

HEX #CB48A4 sur HEX #CCB249


Code CSS:

background-image: linear-gradient(135deg, #CB48A4 2%, #CCB249 88%);

 

HEX #CB48A4 sur HEX #CCB249


Code CSS:

background-image: radial-gradient(circle, #CB48A4 2%, #CCB249 90%);

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)

Pour pouvoir enregistrer les palettes de couleurs, une inscription est nécessaire.

Se connecter à votre compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien souhaité.

Partager

OK, j'ai copié les liens

Vos couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vous pouvez la consulter sous votre profil.
Vous pouvez la personnaliser davantage, et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , vous pouvez créer des palettes et télécharger les nuanciers.