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

CSS Gradients:
#27CBDB

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

Le bleu et le vert dominent nettement cette teinte : les valeurs du bleu et du vert sont supérieures à celles du rouge. 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 39 Rouge, 203 Vert et 219 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.
39 203 219 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 82 cyan, 7 magenta, pas de jaune et 14 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.
82% 7% 0% 14% 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 #27CBDB sur HEX #D83424


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 0%, #D83424 86%);

Radial

HEX #27CBDB sur HEX #D83424


Code CSS:

background-image: radial-gradient(circle, #27CBDB 12%, #D83424 93%);

 

HEX #D83424 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #D83424 12%, #27CBDB 98%);

 

HEX #D83424 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #D83424 11%, #27CBDB 88%);

Linéaire

HEX #27CBDB sur HEX #29DBBA


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 2%, #29DBBA 86%);

Radial

HEX #27CBDB sur HEX #29DBBA


Code CSS:

background-image: radial-gradient(circle, #27CBDB 4%, #29DBBA 88%);

 

HEX #29DBBA sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #29DBBA 5%, #27CBDB 91%);

 

HEX #29DBBA sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #29DBBA 4%, #27CBDB 88%);

 

HEX #27CBDB sur HEX #29CCDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 9%, #29CCDB 98%);

 

HEX #27CBDB sur HEX #29CCDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 14%, #29CCDB 88%);

 

HEX #29CCDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #29CCDB 6%, #27CBDB 89%);

 

HEX #29CCDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #29CCDB 3%, #27CBDB 89%);

 

HEX #27CBDB sur HEX #299DDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 4%, #299DDB 93%);

 

HEX #27CBDB sur HEX #299DDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 2%, #299DDB 94%);

 

HEX #299DDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #299DDB 1%, #27CBDB 95%);

 

HEX #299DDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #299DDB 0%, #27CBDB 98%);

 

HEX #27CBDB sur HEX #296DDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 11%, #296DDB 93%);

 

HEX #27CBDB sur HEX #296DDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 9%, #296DDB 100%);

 

HEX #296DDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #296DDB 6%, #27CBDB 89%);

 

HEX #296DDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #296DDB 6%, #27CBDB 88%);

Linéaire

HEX #27CBDB sur HEX #20ADBB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 4%, #20ADBB 87%);

Radial

HEX #27CBDB sur HEX #20ADBB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 10%, #20ADBB 90%);

 

HEX #20ADBB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #20ADBB 6%, #27CBDB 90%);

 

HEX #20ADBB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #20ADBB 13%, #27CBDB 96%);

 

HEX #27CBDB sur HEX #29CBDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 8%, #29CBDB 96%);

 

HEX #27CBDB sur HEX #29CBDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 10%, #29CBDB 98%);

 

HEX #29CBDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #29CBDB 14%, #27CBDB 89%);

 

HEX #29CBDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #29CBDB 9%, #27CBDB 88%);

 

HEX #27CBDB sur HEX #4DD4E1


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 10%, #4DD4E1 98%);

 

HEX #27CBDB sur HEX #4DD4E1


Code CSS:

background-image: radial-gradient(circle, #27CBDB 12%, #4DD4E1 90%);

 

HEX #4DD4E1 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #4DD4E1 9%, #27CBDB 87%);

 

HEX #4DD4E1 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #4DD4E1 3%, #27CBDB 97%);

 

HEX #27CBDB sur HEX #70DCE7


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 10%, #70DCE7 91%);

 

HEX #27CBDB sur HEX #70DCE7


Code CSS:

background-image: radial-gradient(circle, #27CBDB 12%, #70DCE7 95%);

 

HEX #70DCE7 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #70DCE7 3%, #27CBDB 92%);

 

HEX #70DCE7 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #70DCE7 0%, #27CBDB 100%);

Linéaire

HEX #27CBDB sur HEX #29DBBA


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 14%, #29DBBA 90%);

Radial

HEX #27CBDB sur HEX #29DBBA


Code CSS:

background-image: radial-gradient(circle, #27CBDB 14%, #29DBBA 93%);

 

HEX #29DBBA sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #29DBBA 1%, #27CBDB 97%);

 

HEX #29DBBA sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #29DBBA 0%, #27CBDB 90%);

 

HEX #27CBDB sur HEX #29CCDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 10%, #29CCDB 86%);

 

HEX #27CBDB sur HEX #29CCDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 1%, #29CCDB 87%);

 

HEX #29CCDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #29CCDB 8%, #27CBDB 91%);

 

HEX #29CCDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #29CCDB 13%, #27CBDB 100%);

 

HEX #27CBDB sur HEX #299DDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 7%, #299DDB 90%);

 

HEX #27CBDB sur HEX #299DDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 1%, #299DDB 86%);

 

HEX #299DDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #299DDB 2%, #27CBDB 89%);

 

HEX #299DDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #299DDB 3%, #27CBDB 91%);

 

HEX #27CBDB sur HEX #296DDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 3%, #296DDB 95%);

 

HEX #27CBDB sur HEX #296DDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 12%, #296DDB 99%);

 

HEX #296DDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #296DDB 0%, #27CBDB 97%);

 

HEX #296DDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #296DDB 4%, #27CBDB 94%);

Linéaire

HEX #27CBDB sur HEX #20ADBB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 10%, #20ADBB 92%);

Radial

HEX #27CBDB sur HEX #20ADBB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 13%, #20ADBB 97%);

 

HEX #20ADBB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #20ADBB 4%, #27CBDB 96%);

 

HEX #20ADBB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #20ADBB 9%, #27CBDB 92%);

 

HEX #27CBDB sur HEX #29CBDB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 10%, #29CBDB 96%);

 

HEX #27CBDB sur HEX #29CBDB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 4%, #29CBDB 90%);

 

HEX #29CBDB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #29CBDB 8%, #27CBDB 97%);

 

HEX #29CBDB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #29CBDB 0%, #27CBDB 96%);

 

HEX #27CBDB sur HEX #4DD4E1


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 13%, #4DD4E1 89%);

 

HEX #27CBDB sur HEX #4DD4E1


Code CSS:

background-image: radial-gradient(circle, #27CBDB 2%, #4DD4E1 90%);

 

HEX #4DD4E1 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #4DD4E1 13%, #27CBDB 94%);

 

HEX #4DD4E1 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #4DD4E1 5%, #27CBDB 98%);

 

HEX #27CBDB sur HEX #70DCE7


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 10%, #70DCE7 86%);

 

HEX #27CBDB sur HEX #70DCE7


Code CSS:

background-image: radial-gradient(circle, #27CBDB 7%, #70DCE7 96%);

 

HEX #70DCE7 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #70DCE7 4%, #27CBDB 88%);

 

HEX #70DCE7 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #70DCE7 3%, #27CBDB 87%);

Linéaire

HEX #27CBDB sur HEX #5C29DB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 5%, #5C29DB 97%);

Radial

HEX #27CBDB sur HEX #5C29DB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 13%, #5C29DB 91%);

 

HEX #5C29DB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #5C29DB 10%, #27CBDB 91%);

 

HEX #5C29DB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #5C29DB 14%, #27CBDB 96%);

 

HEX #27CBDB sur HEX #DBA329


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 4%, #DBA329 88%);

 

HEX #27CBDB sur HEX #DBA329


Code CSS:

background-image: radial-gradient(circle, #27CBDB 1%, #DBA329 86%);

 

HEX #DBA329 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #DBA329 2%, #27CBDB 86%);

 

HEX #DBA329 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #DBA329 6%, #27CBDB 97%);

Linéaire

HEX #27CBDB sur HEX #DB29CC


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 2%, #DB29CC 100%);

Radial

HEX #27CBDB sur HEX #DB29CC


Code CSS:

background-image: radial-gradient(circle, #27CBDB 2%, #DB29CC 98%);

 

HEX #DB29CC sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #DB29CC 12%, #27CBDB 87%);

 

HEX #DB29CC sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #DB29CC 0%, #27CBDB 91%);

 

HEX #27CBDB sur HEX #CCDB29


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 14%, #CCDB29 97%);

 

HEX #27CBDB sur HEX #CCDB29


Code CSS:

background-image: radial-gradient(circle, #27CBDB 9%, #CCDB29 86%);

 

HEX #CCDB29 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #CCDB29 1%, #27CBDB 98%);

 

HEX #CCDB29 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #CCDB29 3%, #27CBDB 99%);

Linéaire

HEX #27CBDB sur HEX #5C29DB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 3%, #5C29DB 89%);

Radial

HEX #27CBDB sur HEX #5C29DB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 13%, #5C29DB 90%);

 

HEX #5C29DB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #5C29DB 13%, #27CBDB 92%);

 

HEX #5C29DB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #5C29DB 12%, #27CBDB 88%);

 

HEX #27CBDB sur HEX #DB3829


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 9%, #DB3829 94%);

 

HEX #27CBDB sur HEX #DB3829


Code CSS:

background-image: radial-gradient(circle, #27CBDB 5%, #DB3829 88%);

 

HEX #DB3829 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #DB3829 14%, #27CBDB 88%);

 

HEX #DB3829 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #DB3829 6%, #27CBDB 97%);

 

HEX #27CBDB sur HEX #A8DB29


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 12%, #A8DB29 89%);

 

HEX #27CBDB sur HEX #A8DB29


Code CSS:

background-image: radial-gradient(circle, #27CBDB 1%, #A8DB29 93%);

 

HEX #A8DB29 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #A8DB29 8%, #27CBDB 96%);

 

HEX #A8DB29 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #A8DB29 8%, #27CBDB 100%);

Linéaire

HEX #27CBDB sur HEX #9129DB


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 12%, #9129DB 89%);

Radial

HEX #27CBDB sur HEX #9129DB


Code CSS:

background-image: radial-gradient(circle, #27CBDB 10%, #9129DB 99%);

 

HEX #9129DB sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #9129DB 5%, #27CBDB 86%);

 

HEX #9129DB sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #9129DB 12%, #27CBDB 91%);

 

HEX #27CBDB sur HEX #DB3829


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 3%, #DB3829 86%);

 

HEX #27CBDB sur HEX #DB3829


Code CSS:

background-image: radial-gradient(circle, #27CBDB 13%, #DB3829 93%);

 

HEX #DB3829 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #DB3829 3%, #27CBDB 96%);

 

HEX #DB3829 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #DB3829 5%, #27CBDB 93%);

 

HEX #27CBDB sur HEX #73DB29


Code CSS:

background-image: linear-gradient(135deg, #27CBDB 0%, #73DB29 86%);

 

HEX #27CBDB sur HEX #73DB29


Code CSS:

background-image: radial-gradient(circle, #27CBDB 6%, #73DB29 99%);

 

HEX #73DB29 sur HEX #27CBDB


Code CSS:

background-image: linear-gradient(135deg, #73DB29 3%, #27CBDB 90%);

 

HEX #73DB29 sur HEX #27CBDB


Code CSS:

background-image: radial-gradient(circle, #73DB29 10%, #27CBDB 99%);

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.