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

✕

CSS Gradients:
#AFDAFA

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 175 Rouge, 218 Vert et 250 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.
175 218 250 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 30 cyan, 13 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.
30% 13% 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 #AFDAFA sur HEX #502505


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 10%, #502505 92%);

Radial

HEX #AFDAFA sur HEX #502505


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 12%, #502505 95%);

 

HEX #502505 sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #502505 11%, #AFDAFA 96%);

 

HEX #502505 sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #502505 14%, #AFDAFA 95%);

Linéaire

HEX #AFDAFA sur HEX #AEEEFA


Code CSS:

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

Radial

HEX #AFDAFA sur HEX #AEEEFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 9%, #AEEEFA 95%);

 

HEX #AEEEFA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AEEEFA 5%, #AFDAFA 87%);

 

HEX #AEEEFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEEEFA 7%, #AFDAFA 97%);

 

HEX #AFDAFA sur HEX #AEDAFA


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 4%, #AEDAFA 99%);

 

HEX #AFDAFA sur HEX #AEDAFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 12%, #AEDAFA 90%);

 

HEX #AEDAFA sur HEX #AFDAFA


Code CSS:

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

 

HEX #AEDAFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEDAFA 3%, #AFDAFA 99%);

 

HEX #AFDAFA sur HEX #AEC6FA


Code CSS:

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

 

HEX #AFDAFA sur HEX #AEC6FA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 14%, #AEC6FA 91%);

 

HEX #AEC6FA sur HEX #AFDAFA


Code CSS:

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

 

HEX #AEC6FA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEC6FA 12%, #AFDAFA 93%);

 

HEX #AFDAFA sur HEX #AEB1FA


Code CSS:

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

 

HEX #AFDAFA sur HEX #AEB1FA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 7%, #AEB1FA 96%);

 

HEX #AEB1FA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AEB1FA 6%, #AFDAFA 99%);

 

HEX #AEB1FA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEB1FA 12%, #AFDAFA 96%);

Linéaire

HEX #AFDAFA sur HEX #87C7F7


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 2%, #87C7F7 94%);

Radial

HEX #AFDAFA sur HEX #87C7F7


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 2%, #87C7F7 90%);

 

HEX #87C7F7 sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #87C7F7 8%, #AFDAFA 93%);

 

HEX #87C7F7 sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #87C7F7 4%, #AFDAFA 91%);

 

HEX #AFDAFA sur HEX #AED9FA


Code CSS:

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

 

HEX #AFDAFA sur HEX #AED9FA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 10%, #AED9FA 90%);

 

HEX #AED9FA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AED9FA 5%, #AFDAFA 91%);

 

HEX #AED9FA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AED9FA 10%, #AFDAFA 91%);

 

HEX #AFDAFA sur HEX #D4EBFC


Code CSS:

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

 

HEX #AFDAFA sur HEX #D4EBFC


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 14%, #D4EBFC 98%);

 

HEX #D4EBFC sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #D4EBFC 8%, #AFDAFA 98%);

 

HEX #D4EBFC sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #D4EBFC 3%, #AFDAFA 92%);

 

HEX #AFDAFA sur HEX #FBFDFF


Code CSS:

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

 

HEX #AFDAFA sur HEX #FBFDFF


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 13%, #FBFDFF 92%);

 

HEX #FBFDFF sur HEX #AFDAFA


Code CSS:

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

 

HEX #FBFDFF sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #FBFDFF 7%, #AFDAFA 97%);

Linéaire

HEX #AFDAFA sur HEX #AEEEFA


Code CSS:

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

Radial

HEX #AFDAFA sur HEX #AEEEFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 5%, #AEEEFA 93%);

 

HEX #AEEEFA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AEEEFA 3%, #AFDAFA 92%);

 

HEX #AEEEFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEEEFA 14%, #AFDAFA 86%);

 

HEX #AFDAFA sur HEX #AEDAFA


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 4%, #AEDAFA 97%);

 

HEX #AFDAFA sur HEX #AEDAFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 14%, #AEDAFA 100%);

 

HEX #AEDAFA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AEDAFA 10%, #AFDAFA 95%);

 

HEX #AEDAFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEDAFA 7%, #AFDAFA 87%);

 

HEX #AFDAFA sur HEX #AEC6FA


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 5%, #AEC6FA 100%);

 

HEX #AFDAFA sur HEX #AEC6FA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 1%, #AEC6FA 89%);

 

HEX #AEC6FA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AEC6FA 3%, #AFDAFA 88%);

 

HEX #AEC6FA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEC6FA 10%, #AFDAFA 97%);

 

HEX #AFDAFA sur HEX #AEB1FA


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 13%, #AEB1FA 93%);

 

HEX #AFDAFA sur HEX #AEB1FA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 3%, #AEB1FA 99%);

 

HEX #AEB1FA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #AEB1FA 13%, #AFDAFA 90%);

 

HEX #AEB1FA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AEB1FA 4%, #AFDAFA 99%);

Linéaire

HEX #AFDAFA sur HEX #87C7F7


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 7%, #87C7F7 93%);

Radial

HEX #AFDAFA sur HEX #87C7F7


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 8%, #87C7F7 97%);

 

HEX #87C7F7 sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #87C7F7 4%, #AFDAFA 98%);

 

HEX #87C7F7 sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #87C7F7 11%, #AFDAFA 100%);

 

HEX #AFDAFA sur HEX #AED9FA


Code CSS:

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

 

HEX #AFDAFA sur HEX #AED9FA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 12%, #AED9FA 87%);

 

HEX #AED9FA sur HEX #AFDAFA


Code CSS:

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

 

HEX #AED9FA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #AED9FA 7%, #AFDAFA 86%);

 

HEX #AFDAFA sur HEX #D4EBFC


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 1%, #D4EBFC 89%);

 

HEX #AFDAFA sur HEX #D4EBFC


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 11%, #D4EBFC 89%);

 

HEX #D4EBFC sur HEX #AFDAFA


Code CSS:

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

 

HEX #D4EBFC sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #D4EBFC 14%, #AFDAFA 93%);

 

HEX #AFDAFA sur HEX #FBFDFF


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 11%, #FBFDFF 97%);

 

HEX #AFDAFA sur HEX #FBFDFF


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 11%, #FBFDFF 99%);

 

HEX #FBFDFF sur HEX #AFDAFA


Code CSS:

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

 

HEX #FBFDFF sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #FBFDFF 9%, #AFDAFA 99%);

Linéaire

HEX #AFDAFA sur HEX #DDAEFA


Code CSS:

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

Radial

HEX #AFDAFA sur HEX #DDAEFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 1%, #DDAEFA 90%);

 

HEX #DDAEFA sur HEX #AFDAFA


Code CSS:

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

 

HEX #DDAEFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #DDAEFA 10%, #AFDAFA 87%);

 

HEX #AFDAFA sur HEX #F9FAAE


Code CSS:

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

 

HEX #AFDAFA sur HEX #F9FAAE


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 11%, #F9FAAE 97%);

 

HEX #F9FAAE sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #F9FAAE 0%, #AFDAFA 86%);

 

HEX #F9FAAE sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #F9FAAE 6%, #AFDAFA 92%);

Linéaire

HEX #AFDAFA sur HEX #FAAEDA


Code CSS:

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

Radial

HEX #AFDAFA sur HEX #FAAEDA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 1%, #FAAEDA 91%);

 

HEX #FAAEDA sur HEX #AFDAFA


Code CSS:

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

 

HEX #FAAEDA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #FAAEDA 11%, #AFDAFA 93%);

 

HEX #AFDAFA sur HEX #DAFAAE


Code CSS:

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

 

HEX #AFDAFA sur HEX #DAFAAE


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 7%, #DAFAAE 95%);

 

HEX #DAFAAE sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #DAFAAE 10%, #AFDAFA 98%);

 

HEX #DAFAAE sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #DAFAAE 4%, #AFDAFA 86%);

Linéaire

HEX #AFDAFA sur HEX #DDAEFA


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 3%, #DDAEFA 100%);

Radial

HEX #AFDAFA sur HEX #DDAEFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 14%, #DDAEFA 86%);

 

HEX #DDAEFA sur HEX #AFDAFA


Code CSS:

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

 

HEX #DDAEFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #DDAEFA 11%, #AFDAFA 96%);

 

HEX #AFDAFA sur HEX #FACDAE


Code CSS:

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

 

HEX #AFDAFA sur HEX #FACDAE


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 10%, #FACDAE 91%);

 

HEX #FACDAE sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #FACDAE 8%, #AFDAFA 86%);

 

HEX #FACDAE sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #FACDAE 8%, #AFDAFA 100%);

 

HEX #AFDAFA sur HEX #CBFAAE


Code CSS:

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

 

HEX #AFDAFA sur HEX #CBFAAE


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 0%, #CBFAAE 93%);

 

HEX #CBFAAE sur HEX #AFDAFA


Code CSS:

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

 

HEX #CBFAAE sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #CBFAAE 8%, #AFDAFA 91%);

Linéaire

HEX #AFDAFA sur HEX #F3AEFA


Code CSS:

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

Radial

HEX #AFDAFA sur HEX #F3AEFA


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 9%, #F3AEFA 89%);

 

HEX #F3AEFA sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #F3AEFA 12%, #AFDAFA 100%);

 

HEX #F3AEFA sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #F3AEFA 9%, #AFDAFA 94%);

 

HEX #AFDAFA sur HEX #FACDAE


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 12%, #FACDAE 100%);

 

HEX #AFDAFA sur HEX #FACDAE


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 11%, #FACDAE 99%);

 

HEX #FACDAE sur HEX #AFDAFA


Code CSS:

background-image: linear-gradient(135deg, #FACDAE 1%, #AFDAFA 91%);

 

HEX #FACDAE sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #FACDAE 11%, #AFDAFA 98%);

 

HEX #AFDAFA sur HEX #B4FAAE


Code CSS:

background-image: linear-gradient(135deg, #AFDAFA 11%, #B4FAAE 97%);

 

HEX #AFDAFA sur HEX #B4FAAE


Code CSS:

background-image: radial-gradient(circle, #AFDAFA 2%, #B4FAAE 87%);

 

HEX #B4FAAE sur HEX #AFDAFA


Code CSS:

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

 

HEX #B4FAAE sur HEX #AFDAFA


Code CSS:

background-image: radial-gradient(circle, #B4FAAE 10%, #AFDAFA 95%);

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.

En tant qu’invité, vous pouvez composer et télécharger des couleurs dans le collecteur. Activez gratuitement qConv Start pour enregistrer durablement vos palettes et gérer leurs couleurs.

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.

Gastzugang

Gastzugang

Accès invité – pas encore de profil qConv Start Les fonctions de base sont disponibles avec un quota invité. qConv Start est activé après la création gratuite d’un compte. Vous pouvez ensuite enregistrer durablement des palettes de couleurs et des images dans votre profil.
Enregistrer des palettes : profil gratuit requisJusqu’à 5 couleurs dans le collecteur invité