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

✕

CSS Gradients:
#225AB3

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 faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 34 Rouge, 90 Vert et 179 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.
34 90 179 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 81 cyan, 50 magenta, pas de jaune et 30 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.
81% 50% 0% 30% 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 #225AB3 sur HEX #DDA54C


Code CSS:

background-image: linear-gradient(135deg, #225AB3 14%, #DDA54C 90%);

Radial

HEX #225AB3 sur HEX #DDA54C


Code CSS:

background-image: radial-gradient(circle, #225AB3 2%, #DDA54C 91%);

 

HEX #DDA54C sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #DDA54C 8%, #225AB3 96%);

 

HEX #DDA54C sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #DDA54C 10%, #225AB3 98%);

Linéaire

HEX #225AB3 sur HEX #386CC1


Code CSS:

background-image: linear-gradient(135deg, #225AB3 0%, #386CC1 89%);

Radial

HEX #225AB3 sur HEX #386CC1


Code CSS:

background-image: radial-gradient(circle, #225AB3 14%, #386CC1 100%);

 

HEX #386CC1 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #386CC1 2%, #225AB3 88%);

 

HEX #386CC1 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #386CC1 4%, #225AB3 97%);

 

HEX #225AB3 sur HEX #497ED4


Code CSS:

background-image: linear-gradient(135deg, #225AB3 1%, #497ED4 87%);

 

HEX #225AB3 sur HEX #497ED4


Code CSS:

background-image: radial-gradient(circle, #225AB3 9%, #497ED4 94%);

 

HEX #497ED4 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #497ED4 1%, #225AB3 91%);

 

HEX #497ED4 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #497ED4 11%, #225AB3 91%);

 

HEX #225AB3 sur HEX #5A90E7


Code CSS:

background-image: linear-gradient(135deg, #225AB3 8%, #5A90E7 92%);

 

HEX #225AB3 sur HEX #5A90E7


Code CSS:

background-image: radial-gradient(circle, #225AB3 5%, #5A90E7 90%);

 

HEX #5A90E7 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #5A90E7 4%, #225AB3 96%);

 

HEX #5A90E7 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #5A90E7 7%, #225AB3 91%);

 

HEX #225AB3 sur HEX #6BA2FA


Code CSS:

background-image: linear-gradient(135deg, #225AB3 9%, #6BA2FA 88%);

 

HEX #225AB3 sur HEX #6BA2FA


Code CSS:

background-image: radial-gradient(circle, #225AB3 5%, #6BA2FA 100%);

 

HEX #6BA2FA sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #6BA2FA 7%, #225AB3 98%);

 

HEX #6BA2FA sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #6BA2FA 8%, #225AB3 99%);

Linéaire

HEX #225AB3 sur HEX #1148A0


Code CSS:

background-image: linear-gradient(135deg, #225AB3 7%, #1148A0 89%);

Radial

HEX #225AB3 sur HEX #1148A0


Code CSS:

background-image: radial-gradient(circle, #225AB3 11%, #1148A0 93%);

 

HEX #1148A0 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #1148A0 0%, #225AB3 90%);

 

HEX #1148A0 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #1148A0 10%, #225AB3 91%);

 

HEX #225AB3 sur HEX #00368D


Code CSS:

background-image: linear-gradient(135deg, #225AB3 5%, #00368D 86%);

 

HEX #225AB3 sur HEX #00368D


Code CSS:

background-image: radial-gradient(circle, #225AB3 12%, #00368D 92%);

 

HEX #00368D sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #00368D 6%, #225AB3 97%);

 

HEX #00368D sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #00368D 14%, #225AB3 97%);

 

HEX #225AB3 sur HEX #00247A


Code CSS:

background-image: linear-gradient(135deg, #225AB3 12%, #00247A 98%);

 

HEX #225AB3 sur HEX #00247A


Code CSS:

background-image: radial-gradient(circle, #225AB3 13%, #00247A 90%);

 

HEX #00247A sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #00247A 1%, #225AB3 100%);

 

HEX #00247A sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #00247A 0%, #225AB3 95%);

 

HEX #225AB3 sur HEX #001267


Code CSS:

background-image: linear-gradient(135deg, #225AB3 7%, #001267 93%);

 

HEX #225AB3 sur HEX #001267


Code CSS:

background-image: radial-gradient(circle, #225AB3 1%, #001267 91%);

 

HEX #001267 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #001267 10%, #225AB3 87%);

 

HEX #001267 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #001267 7%, #225AB3 98%);

Linéaire

HEX #225AB3 sur HEX #2244B3


Code CSS:

background-image: linear-gradient(135deg, #225AB3 2%, #2244B3 98%);

Radial

HEX #225AB3 sur HEX #2244B3


Code CSS:

background-image: radial-gradient(circle, #225AB3 12%, #2244B3 95%);

 

HEX #2244B3 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #2244B3 9%, #225AB3 88%);

 

HEX #2244B3 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #2244B3 14%, #225AB3 99%);

 

HEX #225AB3 sur HEX #222BB3


Code CSS:

background-image: linear-gradient(135deg, #225AB3 4%, #222BB3 89%);

 

HEX #225AB3 sur HEX #222BB3


Code CSS:

background-image: radial-gradient(circle, #225AB3 8%, #222BB3 98%);

 

HEX #222BB3 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #222BB3 8%, #225AB3 92%);

 

HEX #222BB3 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #222BB3 0%, #225AB3 100%);

 

HEX #225AB3 sur HEX #3022B3


Code CSS:

background-image: linear-gradient(135deg, #225AB3 13%, #3022B3 96%);

 

HEX #225AB3 sur HEX #3022B3


Code CSS:

background-image: radial-gradient(circle, #225AB3 12%, #3022B3 92%);

 

HEX #3022B3 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #3022B3 13%, #225AB3 97%);

 

HEX #3022B3 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #3022B3 5%, #225AB3 98%);

 

HEX #225AB3 sur HEX #4922B3


Code CSS:

background-image: linear-gradient(135deg, #225AB3 4%, #4922B3 92%);

 

HEX #225AB3 sur HEX #4922B3


Code CSS:

background-image: radial-gradient(circle, #225AB3 10%, #4922B3 91%);

 

HEX #4922B3 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #4922B3 1%, #225AB3 91%);

 

HEX #4922B3 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #4922B3 12%, #225AB3 88%);

Linéaire

HEX #225AB3 sur HEX #2C74E6


Code CSS:

background-image: linear-gradient(135deg, #225AB3 10%, #2C74E6 91%);

Radial

HEX #225AB3 sur HEX #2C74E6


Code CSS:

background-image: radial-gradient(circle, #225AB3 14%, #2C74E6 96%);

 

HEX #2C74E6 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #2C74E6 2%, #225AB3 92%);

 

HEX #2C74E6 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #2C74E6 0%, #225AB3 88%);

 

HEX #225AB3 sur HEX #050D1A


Code CSS:

background-image: linear-gradient(135deg, #225AB3 8%, #050D1A 96%);

 

HEX #225AB3 sur HEX #050D1A


Code CSS:

background-image: radial-gradient(circle, #225AB3 13%, #050D1A 99%);

 

HEX #050D1A sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #050D1A 8%, #225AB3 97%);

 

HEX #050D1A sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #050D1A 1%, #225AB3 96%);

 

HEX #225AB3 sur HEX #0F274D


Code CSS:

background-image: linear-gradient(135deg, #225AB3 7%, #0F274D 98%);

 

HEX #225AB3 sur HEX #0F274D


Code CSS:

background-image: radial-gradient(circle, #225AB3 8%, #0F274D 95%);

 

HEX #0F274D sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #0F274D 10%, #225AB3 88%);

 

HEX #0F274D sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #0F274D 14%, #225AB3 87%);

 

HEX #225AB3 sur HEX #184080


Code CSS:

background-image: linear-gradient(135deg, #225AB3 13%, #184080 91%);

 

HEX #225AB3 sur HEX #184080


Code CSS:

background-image: radial-gradient(circle, #225AB3 3%, #184080 88%);

 

HEX #184080 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #184080 6%, #225AB3 89%);

 

HEX #184080 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #184080 8%, #225AB3 90%);

Linéaire

HEX #225AB3 sur HEX #9622B3


Code CSS:

background-image: linear-gradient(135deg, #225AB3 10%, #9622B3 88%);

Radial

HEX #225AB3 sur HEX #9622B3


Code CSS:

background-image: radial-gradient(circle, #225AB3 7%, #9622B3 92%);

 

HEX #9622B3 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #9622B3 14%, #225AB3 93%);

 

HEX #9622B3 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #9622B3 12%, #225AB3 97%);

 

HEX #225AB3 sur HEX #96B322


Code CSS:

background-image: linear-gradient(135deg, #225AB3 7%, #96B322 90%);

 

HEX #225AB3 sur HEX #96B322


Code CSS:

background-image: radial-gradient(circle, #225AB3 2%, #96B322 97%);

 

HEX #96B322 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #96B322 10%, #225AB3 96%);

 

HEX #96B322 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #96B322 14%, #225AB3 96%);

Linéaire

HEX #225AB3 sur HEX #B3225C


Code CSS:

background-image: linear-gradient(135deg, #225AB3 6%, #B3225C 91%);

Radial

HEX #225AB3 sur HEX #B3225C


Code CSS:

background-image: radial-gradient(circle, #225AB3 1%, #B3225C 87%);

 

HEX #B3225C sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #B3225C 7%, #225AB3 90%);

 

HEX #B3225C sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #B3225C 9%, #225AB3 97%);

 

HEX #225AB3 sur HEX #5CB322


Code CSS:

background-image: linear-gradient(135deg, #225AB3 4%, #5CB322 92%);

 

HEX #225AB3 sur HEX #5CB322


Code CSS:

background-image: radial-gradient(circle, #225AB3 0%, #5CB322 96%);

 

HEX #5CB322 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #5CB322 8%, #225AB3 99%);

 

HEX #5CB322 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #5CB322 0%, #225AB3 95%);

Linéaire

HEX #225AB3 sur HEX #9622B3


Code CSS:

background-image: linear-gradient(135deg, #225AB3 9%, #9622B3 91%);

Radial

HEX #225AB3 sur HEX #9622B3


Code CSS:

background-image: radial-gradient(circle, #225AB3 3%, #9622B3 95%);

 

HEX #9622B3 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #9622B3 12%, #225AB3 94%);

 

HEX #9622B3 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #9622B3 4%, #225AB3 97%);

 

HEX #225AB3 sur HEX #B37922


Code CSS:

background-image: linear-gradient(135deg, #225AB3 6%, #B37922 100%);

 

HEX #225AB3 sur HEX #B37922


Code CSS:

background-image: radial-gradient(circle, #225AB3 2%, #B37922 88%);

 

HEX #B37922 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #B37922 11%, #225AB3 92%);

 

HEX #B37922 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #B37922 12%, #225AB3 88%);

 

HEX #225AB3 sur HEX #3FB322


Code CSS:

background-image: linear-gradient(135deg, #225AB3 0%, #3FB322 94%);

 

HEX #225AB3 sur HEX #3FB322


Code CSS:

background-image: radial-gradient(circle, #225AB3 3%, #3FB322 94%);

 

HEX #3FB322 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #3FB322 3%, #225AB3 96%);

 

HEX #3FB322 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #3FB322 1%, #225AB3 95%);

Linéaire

HEX #225AB3 sur HEX #B322A5


Code CSS:

background-image: linear-gradient(135deg, #225AB3 10%, #B322A5 98%);

Radial

HEX #225AB3 sur HEX #B322A5


Code CSS:

background-image: radial-gradient(circle, #225AB3 8%, #B322A5 92%);

 

HEX #B322A5 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #B322A5 7%, #225AB3 97%);

 

HEX #B322A5 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #B322A5 10%, #225AB3 99%);

 

HEX #225AB3 sur HEX #B37922


Code CSS:

background-image: linear-gradient(135deg, #225AB3 0%, #B37922 91%);

 

HEX #225AB3 sur HEX #B37922


Code CSS:

background-image: radial-gradient(circle, #225AB3 12%, #B37922 92%);

 

HEX #B37922 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #B37922 3%, #225AB3 89%);

 

HEX #B37922 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #B37922 6%, #225AB3 90%);

 

HEX #225AB3 sur HEX #22B330


Code CSS:

background-image: linear-gradient(135deg, #225AB3 8%, #22B330 86%);

 

HEX #225AB3 sur HEX #22B330


Code CSS:

background-image: radial-gradient(circle, #225AB3 0%, #22B330 90%);

 

HEX #22B330 sur HEX #225AB3


Code CSS:

background-image: linear-gradient(135deg, #22B330 6%, #225AB3 89%);

 

HEX #22B330 sur HEX #225AB3


Code CSS:

background-image: radial-gradient(circle, #22B330 8%, #225AB3 97%);

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)

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton 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 que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux 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 , tu peux créer des palettes et télécharger les nuanciers.

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