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

CSS Gradientes:
#67EACACE

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 103 el rojo, 234 el verde y 202 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.
103 234 202 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 45 ciano, ninguno magenta, 11 amarillo y 7 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.
45% 0% 11% 7% 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 #67EACACE a HEX #981535CE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 13%, #981535CE 91%);

Radial

HEX #67EACACE a HEX #981535CE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 5%, #981535CE 99%);

 

HEX #981535CE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #981535CE 14%, #67EACACE 100%);

 

HEX #981535CE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #981535CE 13%, #67EACACE 99%);

Lineal

HEX #67EACACE a HEX #66EAA6CE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 6%, #66EAA6CE 92%);

Radial

HEX #67EACACE a HEX #66EAA6CE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 14%, #66EAA6CE 86%);

 

HEX #66EAA6CE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66EAA6CE 1%, #67EACACE 87%);

 

HEX #66EAA6CE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66EAA6CE 1%, #67EACACE 98%);

 

HEX #67EACACE a HEX #66EAC9CE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 2%, #66EAC9CE 100%);

 

HEX #67EACACE a HEX #66EAC9CE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 14%, #66EAC9CE 92%);

 

HEX #66EAC9CE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66EAC9CE 14%, #67EACACE 90%);

 

HEX #66EAC9CE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66EAC9CE 14%, #67EACACE 86%);

 

HEX #67EACACE a HEX #66E8EACE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 11%, #66E8EACE 92%);

 

HEX #67EACACE a HEX #66E8EACE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 14%, #66E8EACE 89%);

 

HEX #66E8EACE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66E8EACE 9%, #67EACACE 100%);

 

HEX #66E8EACE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66E8EACE 13%, #67EACACE 95%);

 

HEX #67EACACE a HEX #66C5EACE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 2%, #66C5EACE 98%);

 

HEX #67EACACE a HEX #66C5EACE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 11%, #66C5EACE 98%);

 

HEX #66C5EACE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66C5EACE 2%, #67EACACE 88%);

 

HEX #66C5EACE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66C5EACE 4%, #67EACACE 93%);

Lineal

HEX #67EACACE a HEX #42E5BD


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 9%, #42E5BD 92%);

Radial

HEX #67EACACE a HEX #42E5BD


Código CSS:

background-image: radial-gradient(circle, #67EACACE 13%, #42E5BD 98%);

 

HEX #42E5BD a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #42E5BD 8%, #67EACACE 95%);

 

HEX #42E5BD a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #42E5BD 1%, #67EACACE 92%);

 

HEX #67EACACE a HEX #66EACA


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 13%, #66EACA 97%);

 

HEX #67EACACE a HEX #66EACA


Código CSS:

background-image: radial-gradient(circle, #67EACACE 6%, #66EACA 89%);

 

HEX #66EACA a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66EACA 10%, #67EACACE 100%);

 

HEX #66EACA a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66EACA 1%, #67EACACE 95%);

 

HEX #67EACACE a HEX #8BEFD7


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 10%, #8BEFD7 89%);

 

HEX #67EACACE a HEX #8BEFD7


Código CSS:

background-image: radial-gradient(circle, #67EACACE 1%, #8BEFD7 88%);

 

HEX #8BEFD7 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #8BEFD7 13%, #67EACACE 89%);

 

HEX #8BEFD7 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #8BEFD7 4%, #67EACACE 87%);

 

HEX #67EACACE a HEX #AFF4E3


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 5%, #AFF4E3 97%);

 

HEX #67EACACE a HEX #AFF4E3


Código CSS:

background-image: radial-gradient(circle, #67EACACE 3%, #AFF4E3 95%);

 

HEX #AFF4E3 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #AFF4E3 4%, #67EACACE 87%);

 

HEX #AFF4E3 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #AFF4E3 2%, #67EACACE 88%);

Lineal

HEX #67EACACE a HEX #66EAA6CE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 0%, #66EAA6CE 89%);

Radial

HEX #67EACACE a HEX #66EAA6CE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 1%, #66EAA6CE 89%);

 

HEX #66EAA6CE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66EAA6CE 11%, #67EACACE 100%);

 

HEX #66EAA6CE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66EAA6CE 4%, #67EACACE 89%);

 

HEX #67EACACE a HEX #66EAC9CE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 2%, #66EAC9CE 100%);

 

HEX #67EACACE a HEX #66EAC9CE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 4%, #66EAC9CE 93%);

 

HEX #66EAC9CE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66EAC9CE 0%, #67EACACE 92%);

 

HEX #66EAC9CE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66EAC9CE 11%, #67EACACE 91%);

 

HEX #67EACACE a HEX #66E8EACE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 14%, #66E8EACE 91%);

 

HEX #67EACACE a HEX #66E8EACE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 4%, #66E8EACE 90%);

 

HEX #66E8EACE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66E8EACE 11%, #67EACACE 88%);

 

HEX #66E8EACE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66E8EACE 4%, #67EACACE 87%);

 

HEX #67EACACE a HEX #66C5EACE


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 0%, #66C5EACE 92%);

 

HEX #67EACACE a HEX #66C5EACE


Código CSS:

background-image: radial-gradient(circle, #67EACACE 1%, #66C5EACE 90%);

 

HEX #66C5EACE a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66C5EACE 6%, #67EACACE 93%);

 

HEX #66C5EACE a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66C5EACE 2%, #67EACACE 94%);

Lineal

HEX #67EACACE a HEX #42E5BD


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 6%, #42E5BD 90%);

Radial

HEX #67EACACE a HEX #42E5BD


Código CSS:

background-image: radial-gradient(circle, #67EACACE 0%, #42E5BD 94%);

 

HEX #42E5BD a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #42E5BD 0%, #67EACACE 99%);

 

HEX #42E5BD a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #42E5BD 11%, #67EACACE 88%);

 

HEX #67EACACE a HEX #66EACA


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 0%, #66EACA 100%);

 

HEX #67EACACE a HEX #66EACA


Código CSS:

background-image: radial-gradient(circle, #67EACACE 12%, #66EACA 88%);

 

HEX #66EACA a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #66EACA 6%, #67EACACE 88%);

 

HEX #66EACA a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #66EACA 11%, #67EACACE 94%);

 

HEX #67EACACE a HEX #8BEFD7


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 7%, #8BEFD7 98%);

 

HEX #67EACACE a HEX #8BEFD7


Código CSS:

background-image: radial-gradient(circle, #67EACACE 10%, #8BEFD7 88%);

 

HEX #8BEFD7 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #8BEFD7 11%, #67EACACE 97%);

 

HEX #8BEFD7 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #8BEFD7 8%, #67EACACE 86%);

 

HEX #67EACACE a HEX #AFF4E3


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 2%, #AFF4E3 96%);

 

HEX #67EACACE a HEX #AFF4E3


Código CSS:

background-image: radial-gradient(circle, #67EACACE 12%, #AFF4E3 94%);

 

HEX #AFF4E3 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #AFF4E3 5%, #67EACACE 99%);

 

HEX #AFF4E3 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #AFF4E3 1%, #67EACACE 94%);

Lineal

HEX #67EACACE a HEX #666DEA


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 2%, #666DEA 98%);

Radial

HEX #67EACACE a HEX #666DEA


Código CSS:

background-image: radial-gradient(circle, #67EACACE 1%, #666DEA 88%);

 

HEX #666DEA a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #666DEA 6%, #67EACACE 94%);

 

HEX #666DEA a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #666DEA 9%, #67EACACE 97%);

 

HEX #67EACACE a HEX #EA9566


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 11%, #EA9566 97%);

 

HEX #67EACACE a HEX #EA9566


Código CSS:

background-image: radial-gradient(circle, #67EACACE 14%, #EA9566 87%);

 

HEX #EA9566 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #EA9566 7%, #67EACACE 99%);

 

HEX #EA9566 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #EA9566 3%, #67EACACE 89%);

Lineal

HEX #67EACACE a HEX #C966EA


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 8%, #C966EA 89%);

Radial

HEX #67EACACE a HEX #C966EA


Código CSS:

background-image: radial-gradient(circle, #67EACACE 7%, #C966EA 95%);

 

HEX #C966EA a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #C966EA 6%, #67EACACE 96%);

 

HEX #C966EA a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #C966EA 7%, #67EACACE 88%);

 

HEX #67EACACE a HEX #EAC966


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 10%, #EAC966 97%);

 

HEX #67EACACE a HEX #EAC966


Código CSS:

background-image: radial-gradient(circle, #67EACACE 13%, #EAC966 98%);

 

HEX #EAC966 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #EAC966 1%, #67EACACE 98%);

 

HEX #EAC966 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #EAC966 14%, #67EACACE 97%);

Lineal

HEX #67EACACE a HEX #666DEA


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 7%, #666DEA 100%);

Radial

HEX #67EACACE a HEX #666DEA


Código CSS:

background-image: radial-gradient(circle, #67EACACE 14%, #666DEA 94%);

 

HEX #666DEA a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #666DEA 1%, #67EACACE 89%);

 

HEX #666DEA a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #666DEA 11%, #67EACACE 99%);

 

HEX #67EACACE a HEX #EA6687


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 4%, #EA6687 99%);

 

HEX #67EACACE a HEX #EA6687


Código CSS:

background-image: radial-gradient(circle, #67EACACE 0%, #EA6687 90%);

 

HEX #EA6687 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #EA6687 7%, #67EACACE 100%);

 

HEX #EA6687 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #EA6687 4%, #67EACACE 88%);

 

HEX #67EACACE a HEX #EAE466


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 6%, #EAE466 86%);

 

HEX #67EACACE a HEX #EAE466


Código CSS:

background-image: radial-gradient(circle, #67EACACE 14%, #EAE466 97%);

 

HEX #EAE466 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #EAE466 0%, #67EACACE 95%);

 

HEX #EAE466 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #EAE466 1%, #67EACACE 91%);

Lineal

HEX #67EACACE a HEX #8766EA


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 13%, #8766EA 97%);

Radial

HEX #67EACACE a HEX #8766EA


Código CSS:

background-image: radial-gradient(circle, #67EACACE 4%, #8766EA 94%);

 

HEX #8766EA a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #8766EA 7%, #67EACACE 94%);

 

HEX #8766EA a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #8766EA 4%, #67EACACE 96%);

 

HEX #67EACACE a HEX #EA6687


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 10%, #EA6687 93%);

 

HEX #67EACACE a HEX #EA6687


Código CSS:

background-image: radial-gradient(circle, #67EACACE 6%, #EA6687 92%);

 

HEX #EA6687 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #EA6687 6%, #67EACACE 94%);

 

HEX #EA6687 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #EA6687 5%, #67EACACE 96%);

 

HEX #67EACACE a HEX #C9EA66


Código CSS:

background-image: linear-gradient(135deg, #67EACACE 1%, #C9EA66 96%);

 

HEX #67EACACE a HEX #C9EA66


Código CSS:

background-image: radial-gradient(circle, #67EACACE 3%, #C9EA66 95%);

 

HEX #C9EA66 a HEX #67EACACE


Código CSS:

background-image: linear-gradient(135deg, #C9EA66 4%, #67EACACE 95%);

 

HEX #C9EA66 a HEX #67EACACE


Código CSS:

background-image: radial-gradient(circle, #C9EA66 14%, #67EACACE 94%);

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 .