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

CSS Gradients:
CMYK 0 / 27 / 28 / 0

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

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, 186 Vert et 184 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 186 184 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, 27 magenta, 28 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% 27% 28% 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 #FFBAB8 sur HEX #004547


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 9%, #004547 96%);

Radial

HEX #FFBAB8 sur HEX #004547


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 10%, #004547 88%);

 

HEX #004547 sur HEX #FFBAB8


Code CSS:

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

 

HEX #004547 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #004547 12%, #FFBAB8 89%);

Linéaire

HEX #FFBAB8 sur HEX #FFCCC6


Code CSS:

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

Radial

HEX #FFBAB8 sur HEX #FFCCC6


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 5%, #FFCCC6 100%);

 

HEX #FFCCC6 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #FFCCC6 8%, #FFBAB8 97%);

 

HEX #FFCCC6 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFCCC6 9%, #FFBAB8 91%);

 

HEX #FFBAB8 sur HEX #FFDED9


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 8%, #FFDED9 95%);

 

HEX #FFBAB8 sur HEX #FFDED9


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 8%, #FFDED9 97%);

 

HEX #FFDED9 sur HEX #FFBAB8


Code CSS:

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

 

HEX #FFDED9 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFDED9 1%, #FFBAB8 86%);

 

HEX #FFBAB8 sur HEX #FFF0EC


Code CSS:

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

 

HEX #FFBAB8 sur HEX #FFF0EC


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 13%, #FFF0EC 95%);

 

HEX #FFF0EC sur HEX #FFBAB8


Code CSS:

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

 

HEX #FFF0EC sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFF0EC 12%, #FFBAB8 93%);

 

HEX #FFBAB8 sur HEX #FFFFFF


Code CSS:

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

 

HEX #FFBAB8 sur HEX #FFFFFF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 10%, #FFFFFF 87%);

 

HEX #FFFFFF sur HEX #FFBAB8


Code CSS:

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

 

HEX #FFFFFF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFFFFF 10%, #FFBAB8 92%);

Linéaire

HEX #FFBAB8 sur HEX #EEA8A5


Code CSS:

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

Radial

HEX #FFBAB8 sur HEX #EEA8A5


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 14%, #EEA8A5 99%);

 

HEX #EEA8A5 sur HEX #FFBAB8


Code CSS:

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

 

HEX #EEA8A5 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #EEA8A5 13%, #FFBAB8 92%);

 

HEX #FFBAB8 sur HEX #DD9692


Code CSS:

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

 

HEX #FFBAB8 sur HEX #DD9692


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 5%, #DD9692 89%);

 

HEX #DD9692 sur HEX #FFBAB8


Code CSS:

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

 

HEX #DD9692 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #DD9692 7%, #FFBAB8 95%);

 

HEX #FFBAB8 sur HEX #CC847F


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 7%, #CC847F 90%);

 

HEX #FFBAB8 sur HEX #CC847F


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 10%, #CC847F 89%);

 

HEX #CC847F sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #CC847F 13%, #FFBAB8 89%);

 

HEX #CC847F sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #CC847F 2%, #FFBAB8 91%);

 

HEX #FFBAB8 sur HEX #BB726C


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 8%, #BB726C 97%);

 

HEX #FFBAB8 sur HEX #BB726C


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 6%, #BB726C 95%);

 

HEX #BB726C sur HEX #FFBAB8


Code CSS:

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

 

HEX #BB726C sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #BB726C 3%, #FFBAB8 98%);

Linéaire

HEX #FFBAB8 sur HEX #FFC4B7


Code CSS:

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

Radial

HEX #FFBAB8 sur HEX #FFC4B7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 5%, #FFC4B7 96%);

 

HEX #FFC4B7 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #FFC4B7 4%, #FFBAB8 89%);

 

HEX #FFC4B7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFC4B7 10%, #FFBAB8 97%);

 

HEX #FFBAB8 sur HEX #FFD0B7


Code CSS:

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

 

HEX #FFBAB8 sur HEX #FFD0B7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 12%, #FFD0B7 89%);

 

HEX #FFD0B7 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #FFD0B7 7%, #FFBAB8 95%);

 

HEX #FFD0B7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFD0B7 11%, #FFBAB8 97%);

 

HEX #FFBAB8 sur HEX #FFDCB7


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 4%, #FFDCB7 86%);

 

HEX #FFBAB8 sur HEX #FFDCB7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 6%, #FFDCB7 88%);

 

HEX #FFDCB7 sur HEX #FFBAB8


Code CSS:

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

 

HEX #FFDCB7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFDCB7 12%, #FFBAB8 99%);

 

HEX #FFBAB8 sur HEX #FFE8B7


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 7%, #FFE8B7 97%);

 

HEX #FFBAB8 sur HEX #FFE8B7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 9%, #FFE8B7 92%);

 

HEX #FFE8B7 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #FFE8B7 1%, #FFBAB8 95%);

 

HEX #FFE8B7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #FFE8B7 7%, #FFBAB8 91%);

Linéaire

HEX #FFBAB8 sur HEX #332525


Code CSS:

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

Radial

HEX #FFBAB8 sur HEX #332525


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 0%, #332525 91%);

 

HEX #332525 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #332525 9%, #FFBAB8 92%);

 

HEX #332525 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #332525 10%, #FFBAB8 97%);

 

HEX #FFBAB8 sur HEX #664A4A


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 7%, #664A4A 91%);

 

HEX #FFBAB8 sur HEX #664A4A


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 1%, #664A4A 99%);

 

HEX #664A4A sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #664A4A 14%, #FFBAB8 95%);

 

HEX #664A4A sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #664A4A 12%, #FFBAB8 88%);

 

HEX #FFBAB8 sur HEX #99706E


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 6%, #99706E 98%);

 

HEX #FFBAB8 sur HEX #99706E


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 13%, #99706E 89%);

 

HEX #99706E sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #99706E 10%, #FFBAB8 93%);

 

HEX #99706E sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #99706E 1%, #FFBAB8 89%);

 

HEX #FFBAB8 sur HEX #CC9593


Code CSS:

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

 

HEX #FFBAB8 sur HEX #CC9593


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 8%, #CC9593 93%);

 

HEX #CC9593 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #CC9593 7%, #FFBAB8 93%);

 

HEX #CC9593 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #CC9593 7%, #FFBAB8 87%);

Linéaire

HEX #FFBAB8 sur HEX #EFFFB7


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 12%, #EFFFB7 87%);

Radial

HEX #FFBAB8 sur HEX #EFFFB7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 0%, #EFFFB7 90%);

 

HEX #EFFFB7 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #EFFFB7 0%, #FFBAB8 94%);

 

HEX #EFFFB7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #EFFFB7 9%, #FFBAB8 89%);

 

HEX #FFBAB8 sur HEX #B7D2FF


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 0%, #B7D2FF 99%);

 

HEX #FFBAB8 sur HEX #B7D2FF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 14%, #B7D2FF 86%);

 

HEX #B7D2FF sur HEX #FFBAB8


Code CSS:

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

 

HEX #B7D2FF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #B7D2FF 12%, #FFBAB8 100%);

Linéaire

HEX #FFBAB8 sur HEX #B7FFB8


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 3%, #B7FFB8 90%);

Radial

HEX #FFBAB8 sur HEX #B7FFB8


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 10%, #B7FFB8 87%);

 

HEX #B7FFB8 sur HEX #FFBAB8


Code CSS:

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

 

HEX #B7FFB8 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #B7FFB8 2%, #FFBAB8 91%);

 

HEX #FFBAB8 sur HEX #B8B7FF


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 4%, #B8B7FF 94%);

 

HEX #FFBAB8 sur HEX #B8B7FF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 13%, #B8B7FF 95%);

 

HEX #B8B7FF sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #B8B7FF 13%, #FFBAB8 89%);

 

HEX #B8B7FF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #B8B7FF 3%, #FFBAB8 90%);

Linéaire

HEX #FFBAB8 sur HEX #EFFFB7


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 4%, #EFFFB7 89%);

Radial

HEX #FFBAB8 sur HEX #EFFFB7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 2%, #EFFFB7 96%);

 

HEX #EFFFB7 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #EFFFB7 5%, #FFBAB8 99%);

 

HEX #EFFFB7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #EFFFB7 11%, #FFBAB8 100%);

 

HEX #FFBAB8 sur HEX #B7FDFF


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 14%, #B7FDFF 100%);

 

HEX #FFBAB8 sur HEX #B7FDFF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 0%, #B7FDFF 96%);

 

HEX #B7FDFF sur HEX #FFBAB8


Code CSS:

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

 

HEX #B7FDFF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #B7FDFF 3%, #FFBAB8 90%);

 

HEX #FFBAB8 sur HEX #C7B7FF


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 3%, #C7B7FF 87%);

 

HEX #FFBAB8 sur HEX #C7B7FF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 1%, #C7B7FF 93%);

 

HEX #C7B7FF sur HEX #FFBAB8


Code CSS:

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

 

HEX #C7B7FF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #C7B7FF 13%, #FFBAB8 95%);

Linéaire

HEX #FFBAB8 sur HEX #DAFFB7


Code CSS:

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

Radial

HEX #FFBAB8 sur HEX #DAFFB7


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 2%, #DAFFB7 96%);

 

HEX #DAFFB7 sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #DAFFB7 4%, #FFBAB8 93%);

 

HEX #DAFFB7 sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #DAFFB7 11%, #FFBAB8 87%);

 

HEX #FFBAB8 sur HEX #B7FDFF


Code CSS:

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

 

HEX #FFBAB8 sur HEX #B7FDFF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 13%, #B7FDFF 96%);

 

HEX #B7FDFF sur HEX #FFBAB8


Code CSS:

background-image: linear-gradient(135deg, #B7FDFF 13%, #FFBAB8 97%);

 

HEX #B7FDFF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #B7FDFF 0%, #FFBAB8 94%);

 

HEX #FFBAB8 sur HEX #DCB7FF


Code CSS:

background-image: linear-gradient(135deg, #FFBAB8 9%, #DCB7FF 88%);

 

HEX #FFBAB8 sur HEX #DCB7FF


Code CSS:

background-image: radial-gradient(circle, #FFBAB8 13%, #DCB7FF 96%);

 

HEX #DCB7FF sur HEX #FFBAB8


Code CSS:

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

 

HEX #DCB7FF sur HEX #FFBAB8


Code CSS:

background-image: radial-gradient(circle, #DCB7FF 3%, #FFBAB8 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.