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

CSS Gradients:
#67CBEC

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 103 Rouge, 203 Vert et 236 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.
103 203 236 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 56 cyan, 14 magenta, pas de jaune et 7 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.
56% 14% 0% 7% 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 #67CBEC sur HEX #983413


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 13%, #983413 92%);

Radial

HEX #67CBEC sur HEX #983413


Code CSS:

background-image: radial-gradient(circle, #67CBEC 4%, #983413 96%);

 

HEX #983413 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #983413 14%, #67CBEC 93%);

 

HEX #983413 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #983413 14%, #67CBEC 100%);

Linéaire

HEX #67CBEC sur HEX #65ECE7


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 14%, #65ECE7 93%);

Radial

HEX #67CBEC sur HEX #65ECE7


Code CSS:

background-image: radial-gradient(circle, #67CBEC 7%, #65ECE7 94%);

 

HEX #65ECE7 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65ECE7 11%, #67CBEC 93%);

 

HEX #65ECE7 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65ECE7 4%, #67CBEC 97%);

 

HEX #67CBEC sur HEX #65CCEC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 1%, #65CCEC 97%);

 

HEX #67CBEC sur HEX #65CCEC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 12%, #65CCEC 98%);

 

HEX #65CCEC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65CCEC 7%, #67CBEC 86%);

 

HEX #65CCEC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65CCEC 7%, #67CBEC 98%);

 

HEX #67CBEC sur HEX #65A8EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 8%, #65A8EC 97%);

 

HEX #67CBEC sur HEX #65A8EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 7%, #65A8EC 96%);

 

HEX #65A8EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65A8EC 11%, #67CBEC 88%);

 

HEX #65A8EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65A8EC 8%, #67CBEC 100%);

 

HEX #67CBEC sur HEX #6584EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 2%, #6584EC 95%);

 

HEX #67CBEC sur HEX #6584EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 9%, #6584EC 100%);

 

HEX #6584EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #6584EC 6%, #67CBEC 95%);

 

HEX #6584EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #6584EC 9%, #67CBEC 100%);

Linéaire

HEX #67CBEC sur HEX #40BEE7


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 11%, #40BEE7 99%);

Radial

HEX #67CBEC sur HEX #40BEE7


Code CSS:

background-image: radial-gradient(circle, #67CBEC 12%, #40BEE7 89%);

 

HEX #40BEE7 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #40BEE7 4%, #67CBEC 97%);

 

HEX #40BEE7 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #40BEE7 8%, #67CBEC 88%);

 

HEX #67CBEC sur HEX #65CAEC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 14%, #65CAEC 87%);

 

HEX #67CBEC sur HEX #65CAEC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 2%, #65CAEC 90%);

 

HEX #65CAEC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65CAEC 5%, #67CBEC 98%);

 

HEX #65CAEC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65CAEC 4%, #67CBEC 95%);

 

HEX #67CBEC sur HEX #89D7F0


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 9%, #89D7F0 88%);

 

HEX #67CBEC sur HEX #89D7F0


Code CSS:

background-image: radial-gradient(circle, #67CBEC 14%, #89D7F0 98%);

 

HEX #89D7F0 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #89D7F0 2%, #67CBEC 100%);

 

HEX #89D7F0 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #89D7F0 7%, #67CBEC 95%);

 

HEX #67CBEC sur HEX #AEE3F5


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 6%, #AEE3F5 99%);

 

HEX #67CBEC sur HEX #AEE3F5


Code CSS:

background-image: radial-gradient(circle, #67CBEC 13%, #AEE3F5 87%);

 

HEX #AEE3F5 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #AEE3F5 4%, #67CBEC 89%);

 

HEX #AEE3F5 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #AEE3F5 1%, #67CBEC 100%);

Linéaire

HEX #67CBEC sur HEX #65ECE7


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 9%, #65ECE7 98%);

Radial

HEX #67CBEC sur HEX #65ECE7


Code CSS:

background-image: radial-gradient(circle, #67CBEC 12%, #65ECE7 97%);

 

HEX #65ECE7 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65ECE7 8%, #67CBEC 88%);

 

HEX #65ECE7 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65ECE7 14%, #67CBEC 90%);

 

HEX #67CBEC sur HEX #65CCEC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 8%, #65CCEC 98%);

 

HEX #67CBEC sur HEX #65CCEC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 4%, #65CCEC 96%);

 

HEX #65CCEC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65CCEC 8%, #67CBEC 93%);

 

HEX #65CCEC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65CCEC 3%, #67CBEC 86%);

 

HEX #67CBEC sur HEX #65A8EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 7%, #65A8EC 87%);

 

HEX #67CBEC sur HEX #65A8EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 2%, #65A8EC 87%);

 

HEX #65A8EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65A8EC 4%, #67CBEC 97%);

 

HEX #65A8EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65A8EC 11%, #67CBEC 94%);

 

HEX #67CBEC sur HEX #6584EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 6%, #6584EC 97%);

 

HEX #67CBEC sur HEX #6584EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 10%, #6584EC 95%);

 

HEX #6584EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #6584EC 2%, #67CBEC 87%);

 

HEX #6584EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #6584EC 2%, #67CBEC 87%);

Linéaire

HEX #67CBEC sur HEX #40BEE7


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 8%, #40BEE7 99%);

Radial

HEX #67CBEC sur HEX #40BEE7


Code CSS:

background-image: radial-gradient(circle, #67CBEC 14%, #40BEE7 86%);

 

HEX #40BEE7 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #40BEE7 6%, #67CBEC 95%);

 

HEX #40BEE7 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #40BEE7 5%, #67CBEC 91%);

 

HEX #67CBEC sur HEX #65CAEC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 6%, #65CAEC 97%);

 

HEX #67CBEC sur HEX #65CAEC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 9%, #65CAEC 98%);

 

HEX #65CAEC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #65CAEC 11%, #67CBEC 99%);

 

HEX #65CAEC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #65CAEC 13%, #67CBEC 94%);

 

HEX #67CBEC sur HEX #89D7F0


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 1%, #89D7F0 98%);

 

HEX #67CBEC sur HEX #89D7F0


Code CSS:

background-image: radial-gradient(circle, #67CBEC 7%, #89D7F0 96%);

 

HEX #89D7F0 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #89D7F0 0%, #67CBEC 96%);

 

HEX #89D7F0 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #89D7F0 13%, #67CBEC 98%);

 

HEX #67CBEC sur HEX #AEE3F5


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 10%, #AEE3F5 100%);

 

HEX #67CBEC sur HEX #AEE3F5


Code CSS:

background-image: radial-gradient(circle, #67CBEC 5%, #AEE3F5 91%);

 

HEX #AEE3F5 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #AEE3F5 0%, #67CBEC 96%);

 

HEX #AEE3F5 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #AEE3F5 13%, #67CBEC 96%);

Linéaire

HEX #67CBEC sur HEX #9F65EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 12%, #9F65EC 93%);

Radial

HEX #67CBEC sur HEX #9F65EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 3%, #9F65EC 89%);

 

HEX #9F65EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #9F65EC 14%, #67CBEC 87%);

 

HEX #9F65EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #9F65EC 3%, #67CBEC 97%);

 

HEX #67CBEC sur HEX #ECD565


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 7%, #ECD565 86%);

 

HEX #67CBEC sur HEX #ECD565


Code CSS:

background-image: radial-gradient(circle, #67CBEC 1%, #ECD565 86%);

 

HEX #ECD565 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #ECD565 7%, #67CBEC 87%);

 

HEX #ECD565 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #ECD565 13%, #67CBEC 94%);

Linéaire

HEX #67CBEC sur HEX #EC65CC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 4%, #EC65CC 98%);

Radial

HEX #67CBEC sur HEX #EC65CC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 14%, #EC65CC 99%);

 

HEX #EC65CC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #EC65CC 4%, #67CBEC 92%);

 

HEX #EC65CC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #EC65CC 8%, #67CBEC 86%);

 

HEX #67CBEC sur HEX #CCEC65


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 8%, #CCEC65 90%);

 

HEX #67CBEC sur HEX #CCEC65


Code CSS:

background-image: radial-gradient(circle, #67CBEC 4%, #CCEC65 96%);

 

HEX #CCEC65 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #CCEC65 6%, #67CBEC 92%);

 

HEX #CCEC65 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #CCEC65 0%, #67CBEC 96%);

Linéaire

HEX #67CBEC sur HEX #9F65EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 1%, #9F65EC 94%);

Radial

HEX #67CBEC sur HEX #9F65EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 11%, #9F65EC 92%);

 

HEX #9F65EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #9F65EC 11%, #67CBEC 90%);

 

HEX #9F65EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #9F65EC 1%, #67CBEC 87%);

 

HEX #67CBEC sur HEX #EC8465


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 13%, #EC8465 87%);

 

HEX #67CBEC sur HEX #EC8465


Code CSS:

background-image: radial-gradient(circle, #67CBEC 10%, #EC8465 100%);

 

HEX #EC8465 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #EC8465 4%, #67CBEC 86%);

 

HEX #EC8465 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #EC8465 6%, #67CBEC 86%);

 

HEX #67CBEC sur HEX #B1EC65


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 1%, #B1EC65 99%);

 

HEX #67CBEC sur HEX #B1EC65


Code CSS:

background-image: radial-gradient(circle, #67CBEC 6%, #B1EC65 87%);

 

HEX #B1EC65 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #B1EC65 2%, #67CBEC 94%);

 

HEX #B1EC65 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #B1EC65 1%, #67CBEC 92%);

Linéaire

HEX #67CBEC sur HEX #C865EC


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 3%, #C865EC 94%);

Radial

HEX #67CBEC sur HEX #C865EC


Code CSS:

background-image: radial-gradient(circle, #67CBEC 11%, #C865EC 96%);

 

HEX #C865EC sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #C865EC 1%, #67CBEC 92%);

 

HEX #C865EC sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #C865EC 7%, #67CBEC 98%);

 

HEX #67CBEC sur HEX #EC8465


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 10%, #EC8465 100%);

 

HEX #67CBEC sur HEX #EC8465


Code CSS:

background-image: radial-gradient(circle, #67CBEC 9%, #EC8465 98%);

 

HEX #EC8465 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #EC8465 12%, #67CBEC 89%);

 

HEX #EC8465 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #EC8465 9%, #67CBEC 98%);

 

HEX #67CBEC sur HEX #89EC65


Code CSS:

background-image: linear-gradient(135deg, #67CBEC 1%, #89EC65 86%);

 

HEX #67CBEC sur HEX #89EC65


Code CSS:

background-image: radial-gradient(circle, #67CBEC 6%, #89EC65 100%);

 

HEX #89EC65 sur HEX #67CBEC


Code CSS:

background-image: linear-gradient(135deg, #89EC65 12%, #67CBEC 98%);

 

HEX #89EC65 sur HEX #67CBEC


Code CSS:

background-image: radial-gradient(circle, #89EC65 3%, #67CBEC 91%);

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.