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

✕

CSS Gradients:
#CFB306

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 207 Rouge, 179 Vert et 6 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.
207 179 6 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, 14 magenta, 97 jaune et 19 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% 14% 97% 19% 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 #CFB306 sur HEX #304CF9


Code CSS:

background-image: linear-gradient(135deg, #CFB306 11%, #304CF9 86%);

Radial

HEX #CFB306 sur HEX #304CF9


Code CSS:

background-image: radial-gradient(circle, #CFB306 10%, #304CF9 97%);

 

HEX #304CF9 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #304CF9 7%, #CFB306 89%);

 

HEX #304CF9 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #304CF9 11%, #CFB306 100%);

Linéaire

HEX #CFB306 sur HEX #CF7B06


Code CSS:

background-image: linear-gradient(135deg, #CFB306 5%, #CF7B06 95%);

Radial

HEX #CFB306 sur HEX #CF7B06


Code CSS:

background-image: radial-gradient(circle, #CFB306 7%, #CF7B06 90%);

 

HEX #CF7B06 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #CF7B06 7%, #CFB306 89%);

 

HEX #CF7B06 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #CF7B06 8%, #CFB306 86%);

 

HEX #CFB306 sur HEX #CFB106


Code CSS:

background-image: linear-gradient(135deg, #CFB306 1%, #CFB106 98%);

 

HEX #CFB306 sur HEX #CFB106


Code CSS:

background-image: radial-gradient(circle, #CFB306 2%, #CFB106 89%);

 

HEX #CFB106 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #CFB106 7%, #CFB306 94%);

 

HEX #CFB106 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #CFB106 13%, #CFB306 96%);

 

HEX #CFB306 sur HEX #B8CF06


Code CSS:

background-image: linear-gradient(135deg, #CFB306 9%, #B8CF06 94%);

 

HEX #CFB306 sur HEX #B8CF06


Code CSS:

background-image: radial-gradient(circle, #CFB306 10%, #B8CF06 91%);

 

HEX #B8CF06 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #B8CF06 5%, #CFB306 90%);

 

HEX #B8CF06 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #B8CF06 2%, #CFB306 93%);

 

HEX #CFB306 sur HEX #82CF06


Code CSS:

background-image: linear-gradient(135deg, #CFB306 10%, #82CF06 99%);

 

HEX #CFB306 sur HEX #82CF06


Code CSS:

background-image: radial-gradient(circle, #CFB306 11%, #82CF06 86%);

 

HEX #82CF06 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #82CF06 14%, #CFB306 94%);

 

HEX #82CF06 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #82CF06 7%, #CFB306 97%);

Linéaire

HEX #CFB306 sur HEX #A79105


Code CSS:

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

Radial

HEX #CFB306 sur HEX #A79105


Code CSS:

background-image: radial-gradient(circle, #CFB306 0%, #A79105 92%);

 

HEX #A79105 sur HEX #CFB306


Code CSS:

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

 

HEX #A79105 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #A79105 6%, #CFB306 90%);

 

HEX #CFB306 sur HEX #F7D608


Code CSS:

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

 

HEX #CFB306 sur HEX #F7D608


Code CSS:

background-image: radial-gradient(circle, #CFB306 10%, #F7D608 92%);

 

HEX #F7D608 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #F7D608 3%, #CFB306 98%);

 

HEX #F7D608 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #F7D608 7%, #CFB306 95%);

 

HEX #CFB306 sur HEX #F8DC30


Code CSS:

background-image: linear-gradient(135deg, #CFB306 4%, #F8DC30 88%);

 

HEX #CFB306 sur HEX #F8DC30


Code CSS:

background-image: radial-gradient(circle, #CFB306 0%, #F8DC30 99%);

 

HEX #F8DC30 sur HEX #CFB306


Code CSS:

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

 

HEX #F8DC30 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #F8DC30 6%, #CFB306 95%);

Linéaire

HEX #CFB306 sur HEX #CF7B06


Code CSS:

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

Radial

HEX #CFB306 sur HEX #CF7B06


Code CSS:

background-image: radial-gradient(circle, #CFB306 11%, #CF7B06 86%);

 

HEX #CF7B06 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #CF7B06 5%, #CFB306 94%);

 

HEX #CF7B06 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #CF7B06 7%, #CFB306 100%);

 

HEX #CFB306 sur HEX #CFB106


Code CSS:

background-image: linear-gradient(135deg, #CFB306 0%, #CFB106 97%);

 

HEX #CFB306 sur HEX #CFB106


Code CSS:

background-image: radial-gradient(circle, #CFB306 3%, #CFB106 92%);

 

HEX #CFB106 sur HEX #CFB306


Code CSS:

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

 

HEX #CFB106 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #CFB106 13%, #CFB306 100%);

 

HEX #CFB306 sur HEX #B8CF06


Code CSS:

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

 

HEX #CFB306 sur HEX #B8CF06


Code CSS:

background-image: radial-gradient(circle, #CFB306 2%, #B8CF06 89%);

 

HEX #B8CF06 sur HEX #CFB306


Code CSS:

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

 

HEX #B8CF06 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #B8CF06 6%, #CFB306 94%);

 

HEX #CFB306 sur HEX #82CF06


Code CSS:

background-image: linear-gradient(135deg, #CFB306 7%, #82CF06 98%);

 

HEX #CFB306 sur HEX #82CF06


Code CSS:

background-image: radial-gradient(circle, #CFB306 11%, #82CF06 89%);

 

HEX #82CF06 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #82CF06 6%, #CFB306 90%);

 

HEX #82CF06 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #82CF06 12%, #CFB306 89%);

Linéaire

HEX #CFB306 sur HEX #A79105


Code CSS:

background-image: linear-gradient(135deg, #CFB306 13%, #A79105 87%);

Radial

HEX #CFB306 sur HEX #A79105


Code CSS:

background-image: radial-gradient(circle, #CFB306 0%, #A79105 100%);

 

HEX #A79105 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #A79105 0%, #CFB306 92%);

 

HEX #A79105 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #A79105 13%, #CFB306 100%);

 

HEX #CFB306 sur HEX #F7D608


Code CSS:

background-image: linear-gradient(135deg, #CFB306 10%, #F7D608 91%);

 

HEX #CFB306 sur HEX #F7D608


Code CSS:

background-image: radial-gradient(circle, #CFB306 10%, #F7D608 91%);

 

HEX #F7D608 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #F7D608 7%, #CFB306 94%);

 

HEX #F7D608 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #F7D608 7%, #CFB306 98%);

 

HEX #CFB306 sur HEX #F8DC30


Code CSS:

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

 

HEX #CFB306 sur HEX #F8DC30


Code CSS:

background-image: radial-gradient(circle, #CFB306 13%, #F8DC30 89%);

 

HEX #F8DC30 sur HEX #CFB306


Code CSS:

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

 

HEX #F8DC30 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #F8DC30 5%, #CFB306 96%);

Linéaire

HEX #CFB306 sur HEX #06CF10


Code CSS:

background-image: linear-gradient(135deg, #CFB306 11%, #06CF10 89%);

Radial

HEX #CFB306 sur HEX #06CF10


Code CSS:

background-image: radial-gradient(circle, #CFB306 12%, #06CF10 89%);

 

HEX #06CF10 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #06CF10 4%, #CFB306 95%);

 

HEX #06CF10 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #06CF10 0%, #CFB306 93%);

 

HEX #CFB306 sur HEX #6106CF


Code CSS:

background-image: linear-gradient(135deg, #CFB306 0%, #6106CF 96%);

 

HEX #CFB306 sur HEX #6106CF


Code CSS:

background-image: radial-gradient(circle, #CFB306 3%, #6106CF 92%);

 

HEX #6106CF sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #6106CF 13%, #CFB306 97%);

 

HEX #6106CF sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #6106CF 14%, #CFB306 90%);

Linéaire

HEX #CFB306 sur HEX #06CFB1


Code CSS:

background-image: linear-gradient(135deg, #CFB306 6%, #06CFB1 95%);

Radial

HEX #CFB306 sur HEX #06CFB1


Code CSS:

background-image: radial-gradient(circle, #CFB306 11%, #06CFB1 100%);

 

HEX #06CFB1 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #06CFB1 2%, #CFB306 87%);

 

HEX #06CFB1 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #06CFB1 9%, #CFB306 86%);

 

HEX #CFB306 sur HEX #B106CF


Code CSS:

background-image: linear-gradient(135deg, #CFB306 0%, #B106CF 96%);

 

HEX #CFB306 sur HEX #B106CF


Code CSS:

background-image: radial-gradient(circle, #CFB306 2%, #B106CF 97%);

 

HEX #B106CF sur HEX #CFB306


Code CSS:

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

 

HEX #B106CF sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #B106CF 0%, #CFB306 95%);

Linéaire

HEX #CFB306 sur HEX #06CF10


Code CSS:

background-image: linear-gradient(135deg, #CFB306 14%, #06CF10 89%);

Radial

HEX #CFB306 sur HEX #06CF10


Code CSS:

background-image: radial-gradient(circle, #CFB306 3%, #06CF10 93%);

 

HEX #06CF10 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #06CF10 7%, #CFB306 88%);

 

HEX #06CF10 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #06CF10 0%, #CFB306 93%);

 

HEX #CFB306 sur HEX #0624CF


Code CSS:

background-image: linear-gradient(135deg, #CFB306 4%, #0624CF 95%);

 

HEX #CFB306 sur HEX #0624CF


Code CSS:

background-image: radial-gradient(circle, #CFB306 8%, #0624CF 89%);

 

HEX #0624CF sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #0624CF 7%, #CFB306 87%);

 

HEX #0624CF sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #0624CF 12%, #CFB306 92%);

 

HEX #CFB306 sur HEX #CF06C5


Code CSS:

background-image: linear-gradient(135deg, #CFB306 4%, #CF06C5 91%);

 

HEX #CFB306 sur HEX #CF06C5


Code CSS:

background-image: radial-gradient(circle, #CFB306 10%, #CF06C5 88%);

 

HEX #CF06C5 sur HEX #CFB306


Code CSS:

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

 

HEX #CF06C5 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #CF06C5 8%, #CFB306 96%);

Linéaire

HEX #CFB306 sur HEX #06CF4C


Code CSS:

background-image: linear-gradient(135deg, #CFB306 7%, #06CF4C 97%);

Radial

HEX #CFB306 sur HEX #06CF4C


Code CSS:

background-image: radial-gradient(circle, #CFB306 1%, #06CF4C 91%);

 

HEX #06CF4C sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #06CF4C 14%, #CFB306 91%);

 

HEX #06CF4C sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #06CF4C 9%, #CFB306 88%);

 

HEX #CFB306 sur HEX #0624CF


Code CSS:

background-image: linear-gradient(135deg, #CFB306 3%, #0624CF 96%);

 

HEX #CFB306 sur HEX #0624CF


Code CSS:

background-image: radial-gradient(circle, #CFB306 11%, #0624CF 87%);

 

HEX #0624CF sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #0624CF 4%, #CFB306 100%);

 

HEX #0624CF sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #0624CF 0%, #CFB306 100%);

 

HEX #CFB306 sur HEX #CF0689


Code CSS:

background-image: linear-gradient(135deg, #CFB306 6%, #CF0689 86%);

 

HEX #CFB306 sur HEX #CF0689


Code CSS:

background-image: radial-gradient(circle, #CFB306 3%, #CF0689 88%);

 

HEX #CF0689 sur HEX #CFB306


Code CSS:

background-image: linear-gradient(135deg, #CF0689 4%, #CFB306 98%);

 

HEX #CF0689 sur HEX #CFB306


Code CSS:

background-image: radial-gradient(circle, #CF0689 5%, #CFB306 96%);

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
Icons

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB
Icons

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu
Icons

CMYK en RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
Icons

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)
Icons

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)
Icons

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)
Icons

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)
Icons

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
nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu
nsc-logo

NCS® en RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent
nsc-logo

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons
nsc-logo

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB
nsc-logo

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)
nsc-logo

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)
nsc-logo

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.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de