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

✕

CSS Gradientes:
#ABADAC

Información

cerrar todo

Gradientes de 2 colores - Color complementario

Sugerimos CSS gradientes de dos tonos de color, tal como el color base y el color complementario.

Encuentre ejemplos de transición de colores lineares y radiales.

Diseño web: Copie el código CSS para integración facil a su página web.

Gradientes de 2 colores - Colores más claros

Escoja CSS gradientes de dos tonos de color, tal como uno del color base y un tono más claro.

Encuentre ejemplos de transición de colores lineares y radiales de Colores más claros.

Diseño web: Copie el código CSS para integración fácil en su página web.

Gradientes de 2 colores - Colores más oscuros

Permitanos sugerirle CSS gradientes de dos tonos de color, tal como uno del color base y un tono más claro.

Encuentre ejemplos de transición de colores lineares y radiales de Colores más claros.

Diseño web: Copie el código CSS para integración fácil en su página web.

Mostrar opciones

Descripción

Con este color casi ningún tono sobresale de forma particular. Como el valor de los colores es relativamente alto comparado con otros, este tono parece ser más claro.

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 171 el rojo, 173 el verde y 172 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.

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 1 ciano, ninguno magenta, 1 amarillo y 32 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.

Verificación de su paleta de colores como fabricante.

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

Vámonos

Gradientes de 2 colores de #ABADAC - Color complementario

Lineal

HEX #ABADAC a HEX #545253

Código CSS:

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

Radial

HEX #ABADAC a HEX #545253

Código CSS:

background-image: radial-gradient(circle, #ABADAC 11%, #545253 90%);

HEX #545253 a HEX #ABADAC

Código CSS:

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

HEX #545253 a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #545253 12%, #ABADAC 99%);

Gradientes de 2 colores de #ABADAC - Colores más claros

Lineal

HEX #ABADAC a HEX #AAABAA

Código CSS:

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

Radial

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 8%, #AAABAA 92%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

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

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAA 12%, #ABADAC 94%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

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

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 5%, #AAABAA 91%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAABAA 14%, #ABADAC 89%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAA 6%, #ABADAC 94%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 7%, #AAABAB 96%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 12%, #AAABAB 93%);

HEX #AAABAB a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAABAB 7%, #ABADAC 89%);

HEX #AAABAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAB 5%, #ABADAC 91%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 3%, #AAABAB 93%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 9%, #AAABAB 97%);

HEX #AAABAB a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAABAB 2%, #ABADAC 95%);

HEX #AAABAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAB 4%, #ABADAC 87%);

Gradientes de 2 colores de #ABADAC - Colores más oscuros

Lineal

HEX #ABADAC a HEX #959796

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 11%, #959796 87%);

Radial

HEX #ABADAC a HEX #959796

Código CSS:

background-image: radial-gradient(circle, #ABADAC 11%, #959796 96%);

HEX #959796 a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #959796 4%, #ABADAC 87%);

HEX #959796 a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #959796 4%, #ABADAC 90%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 0%, #AAABAA 90%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 1%, #AAABAA 93%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAABAA 11%, #ABADAC 90%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAA 7%, #ABADAC 99%);

HEX #ABADAC a HEX #BEC0BF

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 4%, #BEC0BF 88%);

HEX #ABADAC a HEX #BEC0BF

Código CSS:

background-image: radial-gradient(circle, #ABADAC 8%, #BEC0BF 99%);

HEX #BEC0BF a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #BEC0BF 10%, #ABADAC 99%);

HEX #BEC0BF a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #BEC0BF 12%, #ABADAC 88%);

HEX #ABADAC a HEX #D3D4D4

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 4%, #D3D4D4 94%);

HEX #ABADAC a HEX #D3D4D4

Código CSS:

background-image: radial-gradient(circle, #ABADAC 4%, #D3D4D4 99%);

HEX #D3D4D4 a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #D3D4D4 12%, #ABADAC 95%);

HEX #D3D4D4 a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #D3D4D4 10%, #ABADAC 90%);

Gradientes de 2 colores de #ABADAC - Colores análogos

Lineal

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 11%, #AAABAA 90%);

Radial

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 6%, #AAABAA 90%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAABAA 7%, #ABADAC 86%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAA 13%, #ABADAC 89%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 4%, #AAABAA 96%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 9%, #AAABAA 97%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

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

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAA 3%, #ABADAC 86%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

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

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 12%, #AAABAB 86%);

HEX #AAABAB a HEX #ABADAC

Código CSS:

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

HEX #AAABAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAB 4%, #ABADAC 92%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 6%, #AAABAB 93%);

HEX #ABADAC a HEX #AAABAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 9%, #AAABAB 98%);

HEX #AAABAB a HEX #ABADAC

Código CSS:

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

HEX #AAABAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAB 6%, #ABADAC 93%);

Gradientes de 2 colores de #ABADAC - Colores monocromáticos

Lineal

HEX #ABADAC a HEX #959796

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 13%, #959796 99%);

Radial

HEX #ABADAC a HEX #959796

Código CSS:

background-image: radial-gradient(circle, #ABADAC 2%, #959796 94%);

HEX #959796 a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #959796 13%, #ABADAC 94%);

HEX #959796 a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #959796 2%, #ABADAC 99%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 10%, #AAABAA 87%);

HEX #ABADAC a HEX #AAABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 7%, #AAABAA 98%);

HEX #AAABAA a HEX #ABADAC

Código CSS:

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

HEX #AAABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAABAA 6%, #ABADAC 89%);

HEX #ABADAC a HEX #BEC0BF

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 0%, #BEC0BF 90%);

HEX #ABADAC a HEX #BEC0BF

Código CSS:

background-image: radial-gradient(circle, #ABADAC 9%, #BEC0BF 93%);

HEX #BEC0BF a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #BEC0BF 9%, #ABADAC 94%);

HEX #BEC0BF a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #BEC0BF 12%, #ABADAC 97%);

HEX #ABADAC a HEX #D3D4D4

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 1%, #D3D4D4 97%);

HEX #ABADAC a HEX #D3D4D4

Código CSS:

background-image: radial-gradient(circle, #ABADAC 5%, #D3D4D4 97%);

HEX #D3D4D4 a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #D3D4D4 3%, #ABADAC 87%);

HEX #D3D4D4 a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #D3D4D4 12%, #ABADAC 87%);

Gradientes de 2 colores de #ABADAC - Colores parcialmente complementarios

Lineal

HEX #ABADAC a HEX #AAAAAB

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 10%, #AAAAAB 86%);

Radial

HEX #ABADAC a HEX #AAAAAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 14%, #AAAAAB 94%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAAAAB 1%, #ABADAC 88%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAAAAB 6%, #ABADAC 92%);

HEX #ABADAC a HEX #ABAAAA

Código CSS:

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

HEX #ABADAC a HEX #ABAAAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 8%, #ABAAAA 99%);

HEX #ABAAAA a HEX #ABADAC

Código CSS:

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

HEX #ABAAAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #ABAAAA 8%, #ABADAC 98%);

Gradientes de 2 colores de #ABADAC - Colores triádicos

Lineal

HEX #ABADAC a HEX #AAAAAB

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 10%, #AAAAAB 86%);

Radial

HEX #ABADAC a HEX #AAAAAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 4%, #AAAAAB 88%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAAAAB 5%, #ABADAC 88%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAAAAB 10%, #ABADAC 98%);

HEX #ABADAC a HEX #ABAAAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 3%, #ABAAAA 86%);

HEX #ABADAC a HEX #ABAAAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 2%, #ABAAAA 100%);

HEX #ABAAAA a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #ABAAAA 0%, #ABADAC 96%);

HEX #ABAAAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #ABAAAA 7%, #ABADAC 89%);

Gradientes de 2 colores de #ABADAC - Colores rectangulares (tetradicos)

Lineal

HEX #ABADAC a HEX #AAAAAB

Código CSS:

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

Radial

HEX #ABADAC a HEX #AAAAAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 9%, #AAAAAB 95%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

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

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAAAAB 10%, #ABADAC 87%);

HEX #ABADAC a HEX #ABAAAA

Código CSS:

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

HEX #ABADAC a HEX #ABAAAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 0%, #ABAAAA 96%);

HEX #ABAAAA a HEX #ABADAC

Código CSS:

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

HEX #ABAAAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #ABAAAA 14%, #ABADAC 91%);

HEX #ABADAC a HEX #ABABAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 9%, #ABABAA 86%);

HEX #ABADAC a HEX #ABABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 14%, #ABABAA 93%);

HEX #ABABAA a HEX #ABADAC

Código CSS:

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

HEX #ABABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #ABABAA 0%, #ABADAC 92%);

Gradientes de 2 colores de #ABADAC - Colores cuadrados

Lineal

HEX #ABADAC a HEX #AAAAAB

Código CSS:

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

Radial

HEX #ABADAC a HEX #AAAAAB

Código CSS:

background-image: radial-gradient(circle, #ABADAC 3%, #AAAAAB 88%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #AAAAAB 4%, #ABADAC 86%);

HEX #AAAAAB a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #AAAAAB 1%, #ABADAC 87%);

HEX #ABADAC a HEX #ABAAAA

Código CSS:

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

HEX #ABADAC a HEX #ABAAAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 13%, #ABAAAA 98%);

HEX #ABAAAA a HEX #ABADAC

Código CSS:

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

HEX #ABAAAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #ABAAAA 7%, #ABADAC 90%);

HEX #ABADAC a HEX #ABABAA

Código CSS:

background-image: linear-gradient(135deg, #ABADAC 4%, #ABABAA 89%);

HEX #ABADAC a HEX #ABABAA

Código CSS:

background-image: radial-gradient(circle, #ABADAC 7%, #ABABAA 99%);

HEX #ABABAA a HEX #ABADAC

Código CSS:

background-image: linear-gradient(135deg, #ABABAA 9%, #ABADAC 95%);

HEX #ABABAA a HEX #ABADAC

Código CSS:

background-image: radial-gradient(circle, #ABABAA 13%, #ABADAC 96%);

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

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)

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 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)

HEX a RGB

convierta de #RRGGBB a RGB rojo verde azul

HEX a CMYK

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

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)

RAL® a RGB

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

RAL® a CMYK

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

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)

HKS® a RGB

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

HKS® a CMYK

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

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)

PANTONE® a RGB

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

PANTONE® a CMYK

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

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)

Sherwin Williams® a RGB

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

Sherwin Williams® a CMYK

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

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)

NCS® a RGB

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

NCS® a CMYK

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

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)

NCS® a Sherwin Williams®

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

Códigos

Para guardar estas paletas de color, tendrá que iniciar una sesión personal.

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.

Público

Cancelar Compartir

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

Compartir

Ver

OK, he copiado los enlaces

Tus colores se guardarán en una nueva paleta de colores.
Consúltala en tu perfil.
Puedes personalizarla aún más y compartirla.

Mostrar paleta de colores

Crea una paleta de colores

DescargarDescargar en varios formatos

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