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

CSS Gradientes:
#FFC77D

Información

cerrar todo

Disponga de degradados de color CSS sugeridos a partir de dos tonos de color como el color base y el color complementario.

Encuentre ejemplos de transiciones de color lineales y radiales.

Sencillo para el diseño web: copie el código CSS para integrarlo fácilmente en su sitio web.

Deje que CSS sugiera degradados de color a partir de dos tonos de color, como el tono de color básico y un tono de color más claro.

Encuentre ejemplos de transiciones de color lineales y radiales a partir de Colores más claros.

Simple para el diseño web: copie el código CSS para integrarlo fácilmente en su sitio web.

Deje que CSS sugiera degradados de color a partir de dos tonos de color, como el tono de color básico y un tono de color más oscuro.

Encuentre ejemplos de transiciones de color lineales y radiales de Colores más oscuros.

Fácil para el diseño web: copie el código CSS para integrarlo fácilmente en su sitio web.

Mostrar opciones

Descripción

Color brillante: los valores cromáticos altos crean una impresión brillante.

La descomposición del color en el sistema de color RGB: en este tono de color estan, de entre máximo 255 componentes de colores, respectivamente 255 el rojo, 199 el verde y 125 el azul.

De esta proporción de mezcla resulta un tono de color conveniente en la mitad de la intersección.

Usted puede ver en la representación, como el color se compone de tres elementos: del rojo (arriba), del verde (abajo a la derecha) y del azul (abajo a la izquierda). Puede ver el color resultante en el medio.
255 199 125 R G B
El color esta compuesto de la siguiente manera en el sistema de color CMYK: Hay en este tono de color, de entre máximo 100 componentes de colores ninguno ciano, 22 magenta, 51 amarillo y ninguno negro.

De esta proporción de mezcla resulta un tono de color conveniente en la mitad de la intersección.

Usted puede ver en la representación, como el color se compone de cuatro elementos: del cian (arriba en la parte izquierda), del magenta (arriba en la parte derecha), del amarillo (abajo en la parte derecha) y del negro o key (abajo en la parte izquierda). Puede ver el color resultante en el medio.
0% 22% 51% 0% C M Y K

Verificación de su paleta de colores como fabricante.

Proporcione a diseñadores y agencias valores cromáticos precisos.

Vámonos

Lineal

HEX #FFC77D a HEX #003882


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 2%, #003882 96%);

Radial

HEX #FFC77D a HEX #003882


Código CSS:

background-image: radial-gradient(circle, #FFC77D 9%, #003882 93%);

 

HEX #003882 a HEX #FFC77D


Código CSS:

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

 

HEX #003882 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #003882 1%, #FFC77D 86%);

Lineal

HEX #FFC77D a HEX #FFA680


Código CSS:

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

Radial

HEX #FFC77D a HEX #FFA680


Código CSS:

background-image: radial-gradient(circle, #FFC77D 4%, #FFA680 91%);

 

HEX #FFA680 a HEX #FFC77D


Código CSS:

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

 

HEX #FFA680 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFA680 2%, #FFC77D 89%);

 

HEX #FFC77D a HEX #FFC880


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 1%, #FFC880 93%);

 

HEX #FFC77D a HEX #FFC880


Código CSS:

background-image: radial-gradient(circle, #FFC77D 6%, #FFC880 86%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #FFC880 13%, #FFC77D 86%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFC880 11%, #FFC77D 93%);

 

HEX #FFC77D a HEX #FFEA80


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 14%, #FFEA80 92%);

 

HEX #FFC77D a HEX #FFEA80


Código CSS:

background-image: radial-gradient(circle, #FFC77D 8%, #FFEA80 96%);

 

HEX #FFEA80 a HEX #FFC77D


Código CSS:

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

 

HEX #FFEA80 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFEA80 12%, #FFC77D 98%);

 

HEX #FFC77D a HEX #F2FF80


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 13%, #F2FF80 88%);

 

HEX #FFC77D a HEX #F2FF80


Código CSS:

background-image: radial-gradient(circle, #FFC77D 13%, #F2FF80 96%);

 

HEX #F2FF80 a HEX #FFC77D


Código CSS:

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

 

HEX #F2FF80 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #F2FF80 7%, #FFC77D 88%);

Lineal

HEX #FFC77D a HEX #FFB656


Código CSS:

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

Radial

HEX #FFC77D a HEX #FFB656


Código CSS:

background-image: radial-gradient(circle, #FFC77D 0%, #FFB656 97%);

 

HEX #FFB656 a HEX #FFC77D


Código CSS:

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

 

HEX #FFB656 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFB656 5%, #FFC77D 89%);

 

HEX #FFC77D a HEX #FFC880


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 3%, #FFC880 97%);

 

HEX #FFC77D a HEX #FFC880


Código CSS:

background-image: radial-gradient(circle, #FFC77D 11%, #FFC880 88%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #FFC880 14%, #FFC77D 92%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFC880 2%, #FFC77D 89%);

 

HEX #FFC77D a HEX #FFDAA9


Código CSS:

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

 

HEX #FFC77D a HEX #FFDAA9


Código CSS:

background-image: radial-gradient(circle, #FFC77D 14%, #FFDAA9 91%);

 

HEX #FFDAA9 a HEX #FFC77D


Código CSS:

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

 

HEX #FFDAA9 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFDAA9 10%, #FFC77D 89%);

 

HEX #FFC77D a HEX #FFECD2


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 9%, #FFECD2 98%);

 

HEX #FFC77D a HEX #FFECD2


Código CSS:

background-image: radial-gradient(circle, #FFC77D 10%, #FFECD2 95%);

 

HEX #FFECD2 a HEX #FFC77D


Código CSS:

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

 

HEX #FFECD2 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFECD2 3%, #FFC77D 90%);

Lineal

HEX #FFC77D a HEX #FFA680


Código CSS:

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

Radial

HEX #FFC77D a HEX #FFA680


Código CSS:

background-image: radial-gradient(circle, #FFC77D 13%, #FFA680 87%);

 

HEX #FFA680 a HEX #FFC77D


Código CSS:

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

 

HEX #FFA680 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFA680 4%, #FFC77D 90%);

 

HEX #FFC77D a HEX #FFC880


Código CSS:

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

 

HEX #FFC77D a HEX #FFC880


Código CSS:

background-image: radial-gradient(circle, #FFC77D 12%, #FFC880 91%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #FFC880 4%, #FFC77D 95%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFC880 9%, #FFC77D 96%);

 

HEX #FFC77D a HEX #FFEA80


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 8%, #FFEA80 89%);

 

HEX #FFC77D a HEX #FFEA80


Código CSS:

background-image: radial-gradient(circle, #FFC77D 5%, #FFEA80 87%);

 

HEX #FFEA80 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #FFEA80 4%, #FFC77D 90%);

 

HEX #FFEA80 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFEA80 2%, #FFC77D 90%);

 

HEX #FFC77D a HEX #F2FF80


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 3%, #F2FF80 95%);

 

HEX #FFC77D a HEX #F2FF80


Código CSS:

background-image: radial-gradient(circle, #FFC77D 5%, #F2FF80 88%);

 

HEX #F2FF80 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #F2FF80 2%, #FFC77D 86%);

 

HEX #F2FF80 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #F2FF80 4%, #FFC77D 94%);

Lineal

HEX #FFC77D a HEX #FFB656


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 10%, #FFB656 93%);

Radial

HEX #FFC77D a HEX #FFB656


Código CSS:

background-image: radial-gradient(circle, #FFC77D 14%, #FFB656 87%);

 

HEX #FFB656 a HEX #FFC77D


Código CSS:

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

 

HEX #FFB656 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFB656 14%, #FFC77D 93%);

 

HEX #FFC77D a HEX #FFC880


Código CSS:

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

 

HEX #FFC77D a HEX #FFC880


Código CSS:

background-image: radial-gradient(circle, #FFC77D 14%, #FFC880 94%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #FFC880 12%, #FFC77D 97%);

 

HEX #FFC880 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFC880 1%, #FFC77D 90%);

 

HEX #FFC77D a HEX #FFDAA9


Código CSS:

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

 

HEX #FFC77D a HEX #FFDAA9


Código CSS:

background-image: radial-gradient(circle, #FFC77D 12%, #FFDAA9 90%);

 

HEX #FFDAA9 a HEX #FFC77D


Código CSS:

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

 

HEX #FFDAA9 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFDAA9 10%, #FFC77D 93%);

 

HEX #FFC77D a HEX #FFECD2


Código CSS:

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

 

HEX #FFC77D a HEX #FFECD2


Código CSS:

background-image: radial-gradient(circle, #FFC77D 9%, #FFECD2 88%);

 

HEX #FFECD2 a HEX #FFC77D


Código CSS:

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

 

HEX #FFECD2 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FFECD2 0%, #FFC77D 95%);

Lineal

HEX #FFC77D a HEX #9DFF80


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 13%, #9DFF80 91%);

Radial

HEX #FFC77D a HEX #9DFF80


Código CSS:

background-image: radial-gradient(circle, #FFC77D 12%, #9DFF80 93%);

 

HEX #9DFF80 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #9DFF80 3%, #FFC77D 99%);

 

HEX #9DFF80 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #9DFF80 0%, #FFC77D 95%);

 

HEX #FFC77D a HEX #9580FF


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 5%, #9580FF 100%);

 

HEX #FFC77D a HEX #9580FF


Código CSS:

background-image: radial-gradient(circle, #FFC77D 7%, #9580FF 92%);

 

HEX #9580FF a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #9580FF 6%, #FFC77D 87%);

 

HEX #9580FF a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #9580FF 1%, #FFC77D 87%);

Lineal

HEX #FFC77D a HEX #80FFC8


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 12%, #80FFC8 99%);

Radial

HEX #FFC77D a HEX #80FFC8


Código CSS:

background-image: radial-gradient(circle, #FFC77D 8%, #80FFC8 99%);

 

HEX #80FFC8 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #80FFC8 4%, #FFC77D 94%);

 

HEX #80FFC8 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #80FFC8 3%, #FFC77D 94%);

 

HEX #FFC77D a HEX #C880FF


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 2%, #C880FF 90%);

 

HEX #FFC77D a HEX #C880FF


Código CSS:

background-image: radial-gradient(circle, #FFC77D 10%, #C880FF 95%);

 

HEX #C880FF a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #C880FF 7%, #FFC77D 99%);

 

HEX #C880FF a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #C880FF 5%, #FFC77D 92%);

Lineal

HEX #FFC77D a HEX #9DFF80


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 3%, #9DFF80 98%);

Radial

HEX #FFC77D a HEX #9DFF80


Código CSS:

background-image: radial-gradient(circle, #FFC77D 8%, #9DFF80 89%);

 

HEX #9DFF80 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #9DFF80 10%, #FFC77D 88%);

 

HEX #9DFF80 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #9DFF80 2%, #FFC77D 95%);

 

HEX #FFC77D a HEX #80B7FF


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 7%, #80B7FF 86%);

 

HEX #FFC77D a HEX #80B7FF


Código CSS:

background-image: radial-gradient(circle, #FFC77D 10%, #80B7FF 98%);

 

HEX #80B7FF a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #80B7FF 2%, #FFC77D 100%);

 

HEX #80B7FF a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #80B7FF 8%, #FFC77D 92%);

 

HEX #FFC77D a HEX #E180FF


Código CSS:

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

 

HEX #FFC77D a HEX #E180FF


Código CSS:

background-image: radial-gradient(circle, #FFC77D 0%, #E180FF 98%);

 

HEX #E180FF a HEX #FFC77D


Código CSS:

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

 

HEX #E180FF a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #E180FF 1%, #FFC77D 87%);

Lineal

HEX #FFC77D a HEX #80FF88


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 2%, #80FF88 93%);

Radial

HEX #FFC77D a HEX #80FF88


Código CSS:

background-image: radial-gradient(circle, #FFC77D 12%, #80FF88 93%);

 

HEX #80FF88 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #80FF88 0%, #FFC77D 95%);

 

HEX #80FF88 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #80FF88 12%, #FFC77D 98%);

 

HEX #FFC77D a HEX #80B7FF


Código CSS:

background-image: linear-gradient(135deg, #FFC77D 14%, #80B7FF 88%);

 

HEX #FFC77D a HEX #80B7FF


Código CSS:

background-image: radial-gradient(circle, #FFC77D 3%, #80B7FF 89%);

 

HEX #80B7FF a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #80B7FF 7%, #FFC77D 95%);

 

HEX #80B7FF a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #80B7FF 9%, #FFC77D 87%);

 

HEX #FFC77D a HEX #FF80F7


Código CSS:

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

 

HEX #FFC77D a HEX #FF80F7


Código CSS:

background-image: radial-gradient(circle, #FFC77D 14%, #FF80F7 100%);

 

HEX #FF80F7 a HEX #FFC77D


Código CSS:

background-image: linear-gradient(135deg, #FF80F7 12%, #FFC77D 97%);

 

HEX #FF80F7 a HEX #FFC77D


Código CSS:

background-image: radial-gradient(circle, #FF80F7 13%, #FFC77D 92%);

Mostrar más paletas de colores

Servicios

Colores

RGB a HEX

convierta de RGB rojo verde azul a #RRGGBB

RGB a CMYK

convierta de RGB rojo verde azul a CMYK cian / magenta / amarillo / negro

Icons

RGB a RAL®

convierta de RGB rojo verde azul a RAL®-número (RAL 0000)

RGB a HKS®

convierta de RGB rojo verde azul a HKS®-número (HKS 00)

RGB a PANTONE®

convierta de RGB rojo verde azul a Pantone®-número (Pantone 0000)

RGB a Sherwin Williams®

convierta de RGB rojo verde azul a Sherwin Williams®-número (SW 0000)

RGB a NCS®

convierta de RGB rojo verde azul a NCS-número (S0000-X00X)

nsc-logo

RGBA a HEX

convierta de RGB rojo verde azul transparencia a #RRGGBB

RGBA a CMYK

convierta de RGB rojo verde azul transparencia a CMYK cian / magenta / amarillo / negro

Icons

RGBA a RAL®

convierta de RGB rojo verde azul transparencia a RAL®-número (RAL 0000)

RGBA a HKS®

convierta de RGB rojo verde azul transparencia a HKS®-número (HKS 00)

RGBA a PANTONE®

convierta de RGB rojo verde azul transparencia a Pantone®-número (Pantone 0000)

RGBA a Sherwin Williams®

convierta de RGB rojo verde azul transparencia a Sherwin Williams®-número (SW 0000)

RGBA a NCS®

convierta de RGB rojo verde azul transparencia a NCS-número (S0000-X00X)

nsc-logo

CMYK a HEX

convierta de CMYK cian / magenta / amarillo / negro a #RRGGBB

CMYK a RGB

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul

CMYK a RGBA

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul transparencia

CMYK a RAL®

convierta de CMYK cian / magenta / amarillo / negro a RAL®-número (RAL 0000)

CMYK a HKS®

convierta de CMYK cian / magenta / amarillo / negro a HKS®-número (HKS 00)

CMYK a PANTONE®

convierta de CMYK cian / magenta / amarillo / negro a Pantone®-número (Pantone 0000)

CMYK a Sherwin Williams®

convierta de CMYK cian / magenta / amarillo / negro a Sherwin Williams®-número (SW 0000)

CMYK a NCS®

convierta de CMYK cian / magenta / amarillo / negro a NCS-número (S0000-X00X)

nsc-logo

HEX a RGB

convierta de #RRGGBB a RGB rojo verde azul

HEX a RGBA

convierta de #RRGGBB a RGB rojo verde azul transparencia

HEX a CMYK

convierta de #RRGGBB a CMYK cian / magenta / amarillo / negro

Icons

HEX a RAL®

convierta de #RRGGBB a RAL®-número (RAL 0000)

HEX a HKS®

convierta de #RRGGBB a HKS®-número (HKS 00)

HEX a PANTONE®

convierta de #RRGGBB a Pantone®-número (Pantone 0000)

HEX a Sherwin Williams®

convierta de #RRGGBB a Sherwin Williams®-número (SW 0000)

HEX a NCS®

convierta de #RRGGBB a NCS-número (S0000-X00X)

nsc-logo

RAL® a RGB

convierta de RAL®-número (RAL 0000) a RGB rojo verde azul

RAL® a RGBA

convierta de RAL®-número (RAL 0000) a RGB rojo verde azul transparencia

RAL® a CMYK

convierta de RAL®-número (RAL 0000) a CMYK cian / magenta / amarillo / negro

Icons

RAL® a HEX

convierta de RAL®-número (RAL 0000) a #RRGGBB

RAL® a HKS®

convierta de RAL®-número (RAL 0000) a HKS®-número (HKS 00)

RAL® a PANTONE®

convierta de RAL®-número (RAL 0000) a Pantone®-número (Pantone 0000)

RAL® a Sherwin Williams®

convierta de RAL®-número (RAL 0000) a Sherwin Williams®-número (SW 0000)

RAL® a NCS®

convierta de RAL®-número (RAL 0000) a NCS-número (S0000-X00X)

nsc-logo

HKS® a RGB

convierta de HKS®-número (HKS 00) a RGB rojo verde azul

HKS® a RGBA

convierta de HKS®-número (HKS 00) a RGB rojo verde azul transparencia

HKS® a CMYK

convierta de HKS®-número (HKS 00) a CMYK cian / magenta / amarillo / negro

Icons

HKS® a HEX

convierta de HKS®-número (HKS 00) a #RRGGBB

HKS® a RAL®

convierta de HKS®-número (HKS 00) a RAL®-número (RAL 0000)

HKS® a PANTONE®

convierta de HKS®-número (HKS 00) a Pantone®-número (Pantone 0000)

HKS® a Sherwin Williams®

convierta de HKS®-número (HKS 00) a Sherwin Williams®-número (SW 0000)

HKS® a NCS®

convierta de HKS®-número (HKS 00) a NCS-número (S0000-X00X)

nsc-logo

PANTONE® a RGB

convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul

PANTONE® a RGBA

convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul transparencia

PANTONE® a CMYK

convierta de Pantone®-número (Pantone 0000) a CMYK cian / magenta / amarillo / negro

Icons

PANTONE® a HEX

convierta de Pantone®-número (Pantone 0000) a #RRGGBB

PANTONE® a RAL®

convierta de Pantone®-número (Pantone 0000) a RAL®-número (RAL 0000)

PANTONE® a HKS®

convierta de Pantone®-número (Pantone 0000) a HKS®-número (HKS 00)

PANTONE® a Sherwin Williams®

convierta de Pantone®-número (Pantone 0000) a Sherwin Williams®-número (SW 0000)

PANTONE® a NCS®

convierta de Pantone®-número (Pantone 0000) a NCS-número (S0000-X00X)

nsc-logo

Sherwin Williams® a RGB

convierta de Sherwin Williams®-número (SW 0000) a RGB rojo verde azul

Sherwin Williams® a RGBA

convierta de Sherwin Williams®-número (SW 0000) a RGB rojo verde azul transparencia

Sherwin Williams® a CMYK

convierta de Sherwin Williams®-número (SW 0000) a CMYK cian / magenta / amarillo / negro

Icons

Sherwin Williams® a HEX

convierta de Sherwin Williams®-número (SW 0000) a #RRGGBB

Sherwin Williams® a RAL®

convierta de Sherwin Williams®-número (SW 0000) a RAL®-número (RAL 0000)

Sherwin Williams® a HKS®

convierta de Sherwin Williams®-número (SW 0000) a HKS®-número (HKS 00)

Sherwin Williams® a PANTONE®

convierta de Sherwin Williams®-número (SW 0000) a Pantone®-número (Pantone 0000)

Sherwin Williams® a NCS®

convierta de Sherwin Williams®-número (SW 0000) a NCS-número (S0000-X00X)

nsc-logo

NCS® a RGB

convierta de NCS-número (S0000-X00X) a RGB rojo verde azul

NCS® a RGBA

convierta de NCS-número (S0000-X00X) a RGB rojo verde azul transparencia

NCS® a CMYK

convierta de NCS-número (S0000-X00X) a CMYK cian / magenta / amarillo / negro

Icons

NCS® a HEX

convierta de NCS-número (S0000-X00X) a #RRGGBB

NCS® a RAL®

convierta de NCS-número (S0000-X00X) a RAL®-número (RAL 0000)

NCS® a HKS®

convierta de NCS-número (S0000-X00X) a HKS®-número (HKS 00)

NCS® a PANTONE®

convierta de NCS-número (S0000-X00X) a Pantone®-número (Pantone 0000)

Para poder guardar paletas de colores, es necesario registrarse.

Acceda a su cuenta

o

Crear una cuenta

Paleta de colores actual Compartir
¿Debe ser público o privado?
Enlace(s) después de compartir.

Cancelar Compartir

Paleta de colores compartida
Por favor, copie y guarde el enlace deseado.

Compartir

OK, he copiado los enlaces

Tus colores se guardan en una nueva paleta de colores.
Consúltalos en tu perfil.
Puedes personalizarlos aún más y compartirlos.

Mostrar paleta de colores
Cerrar

Crear una paleta de colores

DescargarDescargar en varios formatos

Eliminar todo

Haciendo clic en puede crear paletas y descargar las muestras de color .