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

✕

CSS Gradients:
#BADFFB

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 186 Rouge, 223 Vert et 251 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.
186 223 251 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 26 cyan, 11 magenta, pas de jaune et 2 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.
26% 11% 0% 2% 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 #BADFFB sur HEX #452004


Code CSS:

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

Radial

HEX #BADFFB sur HEX #452004


Code CSS:

background-image: radial-gradient(circle, #BADFFB 2%, #452004 89%);

 

HEX #452004 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #452004 11%, #BADFFB 94%);

 

HEX #452004 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #452004 14%, #BADFFB 93%);

Linéaire

HEX #BADFFB sur HEX #D0F1FF


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 10%, #D0F1FF 97%);

Radial

HEX #BADFFB sur HEX #D0F1FF


Code CSS:

background-image: radial-gradient(circle, #BADFFB 7%, #D0F1FF 87%);

 

HEX #D0F1FF sur HEX #BADFFB


Code CSS:

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

 

HEX #D0F1FF sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #D0F1FF 14%, #BADFFB 90%);

 

HEX #BADFFB sur HEX #E1FFFF


Code CSS:

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

 

HEX #BADFFB sur HEX #E1FFFF


Code CSS:

background-image: radial-gradient(circle, #BADFFB 8%, #E1FFFF 86%);

 

HEX #E1FFFF sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #E1FFFF 8%, #BADFFB 92%);

 

HEX #E1FFFF sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #E1FFFF 0%, #BADFFB 92%);

 

HEX #BADFFB sur HEX #F2FFFF


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 10%, #F2FFFF 90%);

 

HEX #BADFFB sur HEX #F2FFFF


Code CSS:

background-image: radial-gradient(circle, #BADFFB 11%, #F2FFFF 99%);

 

HEX #F2FFFF sur HEX #BADFFB


Code CSS:

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

 

HEX #F2FFFF sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #F2FFFF 8%, #BADFFB 100%);

Linéaire

HEX #BADFFB sur HEX #A9CDE8


Code CSS:

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

Radial

HEX #BADFFB sur HEX #A9CDE8


Code CSS:

background-image: radial-gradient(circle, #BADFFB 5%, #A9CDE8 89%);

 

HEX #A9CDE8 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #A9CDE8 8%, #BADFFB 93%);

 

HEX #A9CDE8 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #A9CDE8 5%, #BADFFB 93%);

 

HEX #BADFFB sur HEX #98BBD5


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 12%, #98BBD5 100%);

 

HEX #BADFFB sur HEX #98BBD5


Code CSS:

background-image: radial-gradient(circle, #BADFFB 9%, #98BBD5 87%);

 

HEX #98BBD5 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #98BBD5 6%, #BADFFB 96%);

 

HEX #98BBD5 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #98BBD5 13%, #BADFFB 94%);

 

HEX #BADFFB sur HEX #87A9C2


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 1%, #87A9C2 93%);

 

HEX #BADFFB sur HEX #87A9C2


Code CSS:

background-image: radial-gradient(circle, #BADFFB 7%, #87A9C2 88%);

 

HEX #87A9C2 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #87A9C2 3%, #BADFFB 96%);

 

HEX #87A9C2 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #87A9C2 0%, #BADFFB 93%);

 

HEX #BADFFB sur HEX #7697AF


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 5%, #7697AF 90%);

 

HEX #BADFFB sur HEX #7697AF


Code CSS:

background-image: radial-gradient(circle, #BADFFB 9%, #7697AF 98%);

 

HEX #7697AF sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #7697AF 8%, #BADFFB 93%);

 

HEX #7697AF sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #7697AF 8%, #BADFFB 88%);

Linéaire

HEX #BADFFB sur HEX #BBD6FB


Code CSS:

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

Radial

HEX #BADFFB sur HEX #BBD6FB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 2%, #BBD6FB 97%);

 

HEX #BBD6FB sur HEX #BADFFB


Code CSS:

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

 

HEX #BBD6FB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #BBD6FB 11%, #BADFFB 86%);

 

HEX #BADFFB sur HEX #BBCBFB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 14%, #BBCBFB 95%);

 

HEX #BADFFB sur HEX #BBCBFB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 12%, #BBCBFB 90%);

 

HEX #BBCBFB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #BBCBFB 8%, #BADFFB 99%);

 

HEX #BBCBFB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #BBCBFB 12%, #BADFFB 92%);

 

HEX #BADFFB sur HEX #BBC0FB


Code CSS:

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

 

HEX #BADFFB sur HEX #BBC0FB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 3%, #BBC0FB 91%);

 

HEX #BBC0FB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #BBC0FB 6%, #BADFFB 96%);

 

HEX #BBC0FB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #BBC0FB 11%, #BADFFB 98%);

 

HEX #BADFFB sur HEX #C0BBFB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 12%, #C0BBFB 96%);

 

HEX #BADFFB sur HEX #C0BBFB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 10%, #C0BBFB 95%);

 

HEX #C0BBFB sur HEX #BADFFB


Code CSS:

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

 

HEX #C0BBFB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #C0BBFB 13%, #BADFFB 88%);

Linéaire

HEX #BADFFB sur HEX #232A2F


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 14%, #232A2F 100%);

Radial

HEX #BADFFB sur HEX #232A2F


Code CSS:

background-image: radial-gradient(circle, #BADFFB 0%, #232A2F 90%);

 

HEX #232A2F sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #232A2F 14%, #BADFFB 93%);

 

HEX #232A2F sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #232A2F 14%, #BADFFB 99%);

 

HEX #BADFFB sur HEX #495762


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 6%, #495762 90%);

 

HEX #BADFFB sur HEX #495762


Code CSS:

background-image: radial-gradient(circle, #BADFFB 4%, #495762 91%);

 

HEX #495762 sur HEX #BADFFB


Code CSS:

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

 

HEX #495762 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #495762 0%, #BADFFB 94%);

 

HEX #BADFFB sur HEX #6E8495


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 8%, #6E8495 93%);

 

HEX #BADFFB sur HEX #6E8495


Code CSS:

background-image: radial-gradient(circle, #BADFFB 0%, #6E8495 96%);

 

HEX #6E8495 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #6E8495 7%, #BADFFB 89%);

 

HEX #6E8495 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #6E8495 2%, #BADFFB 100%);

 

HEX #BADFFB sur HEX #94B2C8


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 3%, #94B2C8 98%);

 

HEX #BADFFB sur HEX #94B2C8


Code CSS:

background-image: radial-gradient(circle, #BADFFB 5%, #94B2C8 89%);

 

HEX #94B2C8 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #94B2C8 9%, #BADFFB 98%);

 

HEX #94B2C8 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #94B2C8 8%, #BADFFB 100%);

Linéaire

HEX #BADFFB sur HEX #E2BBFB


Code CSS:

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

Radial

HEX #BADFFB sur HEX #E2BBFB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 2%, #E2BBFB 86%);

 

HEX #E2BBFB sur HEX #BADFFB


Code CSS:

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

 

HEX #E2BBFB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #E2BBFB 12%, #BADFFB 94%);

 

HEX #BADFFB sur HEX #FAFBBB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 5%, #FAFBBB 86%);

 

HEX #BADFFB sur HEX #FAFBBB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 1%, #FAFBBB 96%);

 

HEX #FAFBBB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #FAFBBB 12%, #BADFFB 89%);

 

HEX #FAFBBB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #FAFBBB 1%, #BADFFB 95%);

Linéaire

HEX #BADFFB sur HEX #FBBBE0


Code CSS:

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

Radial

HEX #BADFFB sur HEX #FBBBE0


Code CSS:

background-image: radial-gradient(circle, #BADFFB 14%, #FBBBE0 93%);

 

HEX #FBBBE0 sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #FBBBE0 12%, #BADFFB 86%);

 

HEX #FBBBE0 sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #FBBBE0 4%, #BADFFB 98%);

 

HEX #BADFFB sur HEX #E0FBBB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 14%, #E0FBBB 94%);

 

HEX #BADFFB sur HEX #E0FBBB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 7%, #E0FBBB 90%);

 

HEX #E0FBBB sur HEX #BADFFB


Code CSS:

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

 

HEX #E0FBBB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #E0FBBB 1%, #BADFFB 95%);

Linéaire

HEX #BADFFB sur HEX #E2BBFB


Code CSS:

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

Radial

HEX #BADFFB sur HEX #E2BBFB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 4%, #E2BBFB 89%);

 

HEX #E2BBFB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #E2BBFB 14%, #BADFFB 93%);

 

HEX #E2BBFB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #E2BBFB 0%, #BADFFB 94%);

 

HEX #BADFFB sur HEX #FBD6BB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 12%, #FBD6BB 92%);

 

HEX #BADFFB sur HEX #FBD6BB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 11%, #FBD6BB 87%);

 

HEX #FBD6BB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #FBD6BB 14%, #BADFFB 90%);

 

HEX #FBD6BB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #FBD6BB 7%, #BADFFB 89%);

 

HEX #BADFFB sur HEX #D3FBBB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 0%, #D3FBBB 100%);

 

HEX #BADFFB sur HEX #D3FBBB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 13%, #D3FBBB 89%);

 

HEX #D3FBBB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #D3FBBB 8%, #BADFFB 100%);

 

HEX #D3FBBB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #D3FBBB 9%, #BADFFB 94%);

Linéaire

HEX #BADFFB sur HEX #F5BBFB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 11%, #F5BBFB 100%);

Radial

HEX #BADFFB sur HEX #F5BBFB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 5%, #F5BBFB 93%);

 

HEX #F5BBFB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #F5BBFB 10%, #BADFFB 88%);

 

HEX #F5BBFB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #F5BBFB 8%, #BADFFB 87%);

 

HEX #BADFFB sur HEX #FBD6BB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 1%, #FBD6BB 99%);

 

HEX #BADFFB sur HEX #FBD6BB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 9%, #FBD6BB 88%);

 

HEX #FBD6BB sur HEX #BADFFB


Code CSS:

background-image: linear-gradient(135deg, #FBD6BB 6%, #BADFFB 97%);

 

HEX #FBD6BB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #FBD6BB 11%, #BADFFB 96%);

 

HEX #BADFFB sur HEX #C0FBBB


Code CSS:

background-image: linear-gradient(135deg, #BADFFB 2%, #C0FBBB 92%);

 

HEX #BADFFB sur HEX #C0FBBB


Code CSS:

background-image: radial-gradient(circle, #BADFFB 12%, #C0FBBB 91%);

 

HEX #C0FBBB sur HEX #BADFFB


Code CSS:

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

 

HEX #C0FBBB sur HEX #BADFFB


Code CSS:

background-image: radial-gradient(circle, #C0FBBB 2%, #BADFFB 88%);

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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de