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

CSS Gradients:
#FFC005

Information

ferme tous les

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

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

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

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

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

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

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

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

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

Options d'affichage

Description

Pour cette couleur, le jaune se distingue des autres couleurs. Les valeurs qui représentent la teinte rouge et la teinte verte sont supérieures à la troisième valeur. Elles sont proches l'une de l'autre et dépassent la valeur de la teinte bleue. Comme les valeurs chromatiques sont relativement élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 255 Rouge, 192 Vert et 5 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.
255 192 5 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, 25 magenta, 98 jaune et pas de 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% 25% 98% 0% 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 #FFC005 sur HEX #003FFA


Code CSS:

background-image: linear-gradient(135deg, #FFC005 1%, #003FFA 89%);

Radial

HEX #FFC005 sur HEX #003FFA


Code CSS:

background-image: radial-gradient(circle, #FFC005 10%, #003FFA 93%);

 

HEX #003FFA sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #003FFA 12%, #FFC005 96%);

 

HEX #003FFA sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #003FFA 3%, #FFC005 95%);

Linéaire

HEX #FFC005 sur HEX #FFD213


Code CSS:

background-image: linear-gradient(135deg, #FFC005 9%, #FFD213 90%);

Radial

HEX #FFC005 sur HEX #FFD213


Code CSS:

background-image: radial-gradient(circle, #FFC005 12%, #FFD213 90%);

 

HEX #FFD213 sur HEX #FFC005


Code CSS:

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

 

HEX #FFD213 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #FFD213 8%, #FFC005 96%);

 

HEX #FFC005 sur HEX #FFE426


Code CSS:

background-image: linear-gradient(135deg, #FFC005 14%, #FFE426 86%);

 

HEX #FFC005 sur HEX #FFE426


Code CSS:

background-image: radial-gradient(circle, #FFC005 4%, #FFE426 95%);

 

HEX #FFE426 sur HEX #FFC005


Code CSS:

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

 

HEX #FFE426 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #FFE426 11%, #FFC005 92%);

 

HEX #FFC005 sur HEX #FFF639


Code CSS:

background-image: linear-gradient(135deg, #FFC005 3%, #FFF639 93%);

 

HEX #FFC005 sur HEX #FFF639


Code CSS:

background-image: radial-gradient(circle, #FFC005 14%, #FFF639 91%);

 

HEX #FFF639 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #FFF639 3%, #FFC005 99%);

 

HEX #FFF639 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #FFF639 10%, #FFC005 96%);

 

HEX #FFC005 sur HEX #FFFF4C


Code CSS:

background-image: linear-gradient(135deg, #FFC005 0%, #FFFF4C 90%);

 

HEX #FFC005 sur HEX #FFFF4C


Code CSS:

background-image: radial-gradient(circle, #FFC005 3%, #FFFF4C 88%);

 

HEX #FFFF4C sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #FFFF4C 9%, #FFC005 89%);

 

HEX #FFFF4C sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #FFFF4C 11%, #FFC005 99%);

Linéaire

HEX #FFC005 sur HEX #EEAE00


Code CSS:

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

Radial

HEX #FFC005 sur HEX #EEAE00


Code CSS:

background-image: radial-gradient(circle, #FFC005 2%, #EEAE00 95%);

 

HEX #EEAE00 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #EEAE00 2%, #FFC005 91%);

 

HEX #EEAE00 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #EEAE00 14%, #FFC005 96%);

 

HEX #FFC005 sur HEX #DD9C00


Code CSS:

background-image: linear-gradient(135deg, #FFC005 12%, #DD9C00 99%);

 

HEX #FFC005 sur HEX #DD9C00


Code CSS:

background-image: radial-gradient(circle, #FFC005 12%, #DD9C00 99%);

 

HEX #DD9C00 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #DD9C00 3%, #FFC005 91%);

 

HEX #DD9C00 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #DD9C00 4%, #FFC005 87%);

 

HEX #FFC005 sur HEX #CC8A00


Code CSS:

background-image: linear-gradient(135deg, #FFC005 7%, #CC8A00 88%);

 

HEX #FFC005 sur HEX #CC8A00


Code CSS:

background-image: radial-gradient(circle, #FFC005 11%, #CC8A00 99%);

 

HEX #CC8A00 sur HEX #FFC005


Code CSS:

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

 

HEX #CC8A00 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #CC8A00 1%, #FFC005 87%);

 

HEX #FFC005 sur HEX #BB7800


Code CSS:

background-image: linear-gradient(135deg, #FFC005 2%, #BB7800 95%);

 

HEX #FFC005 sur HEX #BB7800


Code CSS:

background-image: radial-gradient(circle, #FFC005 12%, #BB7800 88%);

 

HEX #BB7800 sur HEX #FFC005


Code CSS:

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

 

HEX #BB7800 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #BB7800 11%, #FFC005 92%);

Linéaire

HEX #FFC005 sur HEX #FFE605


Code CSS:

background-image: linear-gradient(135deg, #FFC005 13%, #FFE605 86%);

Radial

HEX #FFC005 sur HEX #FFE605


Code CSS:

background-image: radial-gradient(circle, #FFC005 9%, #FFE605 97%);

 

HEX #FFE605 sur HEX #FFC005


Code CSS:

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

 

HEX #FFE605 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #FFE605 11%, #FFC005 91%);

 

HEX #FFC005 sur HEX #EEFF05


Code CSS:

background-image: linear-gradient(135deg, #FFC005 11%, #EEFF05 88%);

 

HEX #FFC005 sur HEX #EEFF05


Code CSS:

background-image: radial-gradient(circle, #FFC005 3%, #EEFF05 88%);

 

HEX #EEFF05 sur HEX #FFC005


Code CSS:

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

 

HEX #EEFF05 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #EEFF05 4%, #FFC005 91%);

 

HEX #FFC005 sur HEX #C4FF05


Code CSS:

background-image: linear-gradient(135deg, #FFC005 5%, #C4FF05 93%);

 

HEX #FFC005 sur HEX #C4FF05


Code CSS:

background-image: radial-gradient(circle, #FFC005 2%, #C4FF05 94%);

 

HEX #C4FF05 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #C4FF05 11%, #FFC005 93%);

 

HEX #C4FF05 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #C4FF05 2%, #FFC005 97%);

 

HEX #FFC005 sur HEX #9BFF05


Code CSS:

background-image: linear-gradient(135deg, #FFC005 12%, #9BFF05 89%);

 

HEX #FFC005 sur HEX #9BFF05


Code CSS:

background-image: radial-gradient(circle, #FFC005 11%, #9BFF05 91%);

 

HEX #9BFF05 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #9BFF05 2%, #FFC005 98%);

 

HEX #9BFF05 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #9BFF05 5%, #FFC005 92%);

Linéaire

HEX #FFC005 sur HEX #332601


Code CSS:

background-image: linear-gradient(135deg, #FFC005 9%, #332601 89%);

Radial

HEX #FFC005 sur HEX #332601


Code CSS:

background-image: radial-gradient(circle, #FFC005 5%, #332601 89%);

 

HEX #332601 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #332601 11%, #FFC005 95%);

 

HEX #332601 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #332601 6%, #FFC005 86%);

 

HEX #FFC005 sur HEX #664D02


Code CSS:

background-image: linear-gradient(135deg, #FFC005 8%, #664D02 91%);

 

HEX #FFC005 sur HEX #664D02


Code CSS:

background-image: radial-gradient(circle, #FFC005 5%, #664D02 94%);

 

HEX #664D02 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #664D02 5%, #FFC005 96%);

 

HEX #664D02 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #664D02 6%, #FFC005 87%);

 

HEX #FFC005 sur HEX #997303


Code CSS:

background-image: linear-gradient(135deg, #FFC005 0%, #997303 95%);

 

HEX #FFC005 sur HEX #997303


Code CSS:

background-image: radial-gradient(circle, #FFC005 0%, #997303 86%);

 

HEX #997303 sur HEX #FFC005


Code CSS:

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

 

HEX #997303 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #997303 5%, #FFC005 97%);

 

HEX #FFC005 sur HEX #CC9A04


Code CSS:

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

 

HEX #FFC005 sur HEX #CC9A04


Code CSS:

background-image: radial-gradient(circle, #FFC005 1%, #CC9A04 86%);

 

HEX #CC9A04 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #CC9A04 10%, #FFC005 96%);

 

HEX #CC9A04 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #CC9A04 8%, #FFC005 98%);

Linéaire

HEX #FFC005 sur HEX #15FF05


Code CSS:

background-image: linear-gradient(135deg, #FFC005 6%, #15FF05 87%);

Radial

HEX #FFC005 sur HEX #15FF05


Code CSS:

background-image: radial-gradient(circle, #FFC005 7%, #15FF05 92%);

 

HEX #15FF05 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #15FF05 14%, #FFC005 91%);

 

HEX #15FF05 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #15FF05 3%, #FFC005 92%);

 

HEX #FFC005 sur HEX #5805FF


Code CSS:

background-image: linear-gradient(135deg, #FFC005 6%, #5805FF 98%);

 

HEX #FFC005 sur HEX #5805FF


Code CSS:

background-image: radial-gradient(circle, #FFC005 2%, #5805FF 91%);

 

HEX #5805FF sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #5805FF 8%, #FFC005 92%);

 

HEX #5805FF sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #5805FF 13%, #FFC005 99%);

Linéaire

HEX #FFC005 sur HEX #05FFBC


Code CSS:

background-image: linear-gradient(135deg, #FFC005 4%, #05FFBC 92%);

Radial

HEX #FFC005 sur HEX #05FFBC


Code CSS:

background-image: radial-gradient(circle, #FFC005 13%, #05FFBC 91%);

 

HEX #05FFBC sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #05FFBC 0%, #FFC005 99%);

 

HEX #05FFBC sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #05FFBC 13%, #FFC005 86%);

 

HEX #FFC005 sur HEX #BC05FF


Code CSS:

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

 

HEX #FFC005 sur HEX #BC05FF


Code CSS:

background-image: radial-gradient(circle, #FFC005 2%, #BC05FF 93%);

 

HEX #BC05FF sur HEX #FFC005


Code CSS:

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

 

HEX #BC05FF sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #BC05FF 5%, #FFC005 94%);

Linéaire

HEX #FFC005 sur HEX #15FF05


Code CSS:

background-image: linear-gradient(135deg, #FFC005 12%, #15FF05 93%);

Radial

HEX #FFC005 sur HEX #15FF05


Code CSS:

background-image: radial-gradient(circle, #FFC005 10%, #15FF05 89%);

 

HEX #15FF05 sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #15FF05 12%, #FFC005 89%);

 

HEX #15FF05 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #15FF05 0%, #FFC005 94%);

 

HEX #FFC005 sur HEX #0547FF


Code CSS:

background-image: linear-gradient(135deg, #FFC005 9%, #0547FF 93%);

 

HEX #FFC005 sur HEX #0547FF


Code CSS:

background-image: radial-gradient(circle, #FFC005 4%, #0547FF 97%);

 

HEX #0547FF sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #0547FF 0%, #FFC005 100%);

 

HEX #0547FF sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #0547FF 13%, #FFC005 91%);

 

HEX #FFC005 sur HEX #EE05FF


Code CSS:

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

 

HEX #FFC005 sur HEX #EE05FF


Code CSS:

background-image: radial-gradient(circle, #FFC005 14%, #EE05FF 88%);

 

HEX #EE05FF sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #EE05FF 7%, #FFC005 86%);

 

HEX #EE05FF sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #EE05FF 13%, #FFC005 96%);

Linéaire

HEX #FFC005 sur HEX #05FF3F


Code CSS:

background-image: linear-gradient(135deg, #FFC005 6%, #05FF3F 97%);

Radial

HEX #FFC005 sur HEX #05FF3F


Code CSS:

background-image: radial-gradient(circle, #FFC005 8%, #05FF3F 100%);

 

HEX #05FF3F sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #05FF3F 14%, #FFC005 87%);

 

HEX #05FF3F sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #05FF3F 12%, #FFC005 87%);

 

HEX #FFC005 sur HEX #0547FF


Code CSS:

background-image: linear-gradient(135deg, #FFC005 4%, #0547FF 99%);

 

HEX #FFC005 sur HEX #0547FF


Code CSS:

background-image: radial-gradient(circle, #FFC005 0%, #0547FF 89%);

 

HEX #0547FF sur HEX #FFC005


Code CSS:

background-image: linear-gradient(135deg, #0547FF 12%, #FFC005 87%);

 

HEX #0547FF sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #0547FF 2%, #FFC005 86%);

 

HEX #FFC005 sur HEX #FF05C4


Code CSS:

background-image: linear-gradient(135deg, #FFC005 1%, #FF05C4 93%);

 

HEX #FFC005 sur HEX #FF05C4


Code CSS:

background-image: radial-gradient(circle, #FFC005 1%, #FF05C4 100%);

 

HEX #FF05C4 sur HEX #FFC005


Code CSS:

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

 

HEX #FF05C4 sur HEX #FFC005


Code CSS:

background-image: radial-gradient(circle, #FF05C4 11%, #FFC005 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)

To be able to save color palettes, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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