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

✕

CSS Gradientes:
#68DDAB

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

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 104 el rojo, 221 el verde y 171 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 53 ciano, ninguno magenta, 23 amarillo y 13 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 #68DDAB - Color complementario

Lineal

HEX #68DDAB a HEX #972254

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 12%, #972254 98%);

Radial

HEX #68DDAB a HEX #972254

Código CSS:

background-image: radial-gradient(circle, #68DDAB 7%, #972254 87%);

HEX #972254 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #972254 14%, #68DDAB 97%);

HEX #972254 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #972254 6%, #68DDAB 96%);

Gradientes de 2 colores de #68DDAB - Colores más claros

Lineal

HEX #68DDAB a HEX #69DD8C

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 7%, #69DD8C 96%);

Radial

HEX #68DDAB a HEX #69DD8C

Código CSS:

background-image: radial-gradient(circle, #68DDAB 12%, #69DD8C 97%);

HEX #69DD8C a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DD8C 2%, #68DDAB 89%);

HEX #69DD8C a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DD8C 5%, #68DDAB 99%);

HEX #68DDAB a HEX #69DDAA

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 7%, #69DDAA 93%);

HEX #68DDAB a HEX #69DDAA

Código CSS:

background-image: radial-gradient(circle, #68DDAB 14%, #69DDAA 100%);

HEX #69DDAA a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DDAA 0%, #68DDAB 99%);

HEX #69DDAA a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DDAA 2%, #68DDAB 97%);

HEX #68DDAB a HEX #69DDC9

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 1%, #69DDC9 91%);

HEX #68DDAB a HEX #69DDC9

Código CSS:

background-image: radial-gradient(circle, #68DDAB 6%, #69DDC9 98%);

HEX #69DDC9 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DDC9 1%, #68DDAB 92%);

HEX #69DDC9 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DDC9 8%, #68DDAB 90%);

HEX #68DDAB a HEX #69D1DD

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 0%, #69D1DD 87%);

HEX #68DDAB a HEX #69D1DD

Código CSS:

background-image: radial-gradient(circle, #68DDAB 13%, #69D1DD 98%);

HEX #69D1DD a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69D1DD 13%, #68DDAB 93%);

HEX #69D1DD a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69D1DD 5%, #68DDAB 96%);

Gradientes de 2 colores de #68DDAB - Colores más oscuros

Lineal

HEX #68DDAB a HEX #47D598

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 11%, #47D598 89%);

Radial

HEX #68DDAB a HEX #47D598

Código CSS:

background-image: radial-gradient(circle, #68DDAB 9%, #47D598 99%);

HEX #47D598 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #47D598 12%, #68DDAB 100%);

HEX #47D598 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #47D598 6%, #68DDAB 90%);

HEX #68DDAB a HEX #69DDAB

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 9%, #69DDAB 95%);

HEX #68DDAB a HEX #69DDAB

Código CSS:

background-image: radial-gradient(circle, #68DDAB 12%, #69DDAB 99%);

HEX #69DDAB a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DDAB 10%, #68DDAB 91%);

HEX #69DDAB a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DDAB 11%, #68DDAB 93%);

HEX #68DDAB a HEX #8AE4BE

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 1%, #8AE4BE 90%);

HEX #68DDAB a HEX #8AE4BE

Código CSS:

background-image: radial-gradient(circle, #68DDAB 14%, #8AE4BE 95%);

HEX #8AE4BE a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #8AE4BE 6%, #68DDAB 99%);

HEX #8AE4BE a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #8AE4BE 12%, #68DDAB 91%);

HEX #68DDAB a HEX #ACECD1

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 4%, #ACECD1 89%);

HEX #68DDAB a HEX #ACECD1

Código CSS:

background-image: radial-gradient(circle, #68DDAB 8%, #ACECD1 86%);

HEX #ACECD1 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #ACECD1 13%, #68DDAB 95%);

HEX #ACECD1 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #ACECD1 2%, #68DDAB 88%);

Gradientes de 2 colores de #68DDAB - Colores análogos

Lineal

HEX #68DDAB a HEX #69DD8C

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 6%, #69DD8C 88%);

Radial

HEX #68DDAB a HEX #69DD8C

Código CSS:

background-image: radial-gradient(circle, #68DDAB 8%, #69DD8C 88%);

HEX #69DD8C a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DD8C 12%, #68DDAB 94%);

HEX #69DD8C a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DD8C 7%, #68DDAB 90%);

HEX #68DDAB a HEX #69DDAA

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 14%, #69DDAA 98%);

HEX #68DDAB a HEX #69DDAA

Código CSS:

background-image: radial-gradient(circle, #68DDAB 13%, #69DDAA 89%);

HEX #69DDAA a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DDAA 0%, #68DDAB 87%);

HEX #69DDAA a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DDAA 3%, #68DDAB 93%);

HEX #68DDAB a HEX #69DDC9

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 0%, #69DDC9 87%);

HEX #68DDAB a HEX #69DDC9

Código CSS:

background-image: radial-gradient(circle, #68DDAB 6%, #69DDC9 100%);

HEX #69DDC9 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DDC9 13%, #68DDAB 86%);

HEX #69DDC9 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DDC9 14%, #68DDAB 89%);

HEX #68DDAB a HEX #69D1DD

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 14%, #69D1DD 94%);

HEX #68DDAB a HEX #69D1DD

Código CSS:

background-image: radial-gradient(circle, #68DDAB 12%, #69D1DD 94%);

HEX #69D1DD a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69D1DD 4%, #68DDAB 96%);

HEX #69D1DD a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69D1DD 0%, #68DDAB 97%);

Gradientes de 2 colores de #68DDAB - Colores monocromáticos

Lineal

HEX #68DDAB a HEX #47D598

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 1%, #47D598 98%);

Radial

HEX #68DDAB a HEX #47D598

Código CSS:

background-image: radial-gradient(circle, #68DDAB 0%, #47D598 96%);

HEX #47D598 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #47D598 5%, #68DDAB 88%);

HEX #47D598 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #47D598 6%, #68DDAB 87%);

HEX #68DDAB a HEX #69DDAB

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 11%, #69DDAB 87%);

HEX #68DDAB a HEX #69DDAB

Código CSS:

background-image: radial-gradient(circle, #68DDAB 10%, #69DDAB 95%);

HEX #69DDAB a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #69DDAB 4%, #68DDAB 90%);

HEX #69DDAB a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #69DDAB 8%, #68DDAB 90%);

HEX #68DDAB a HEX #8AE4BE

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 11%, #8AE4BE 97%);

HEX #68DDAB a HEX #8AE4BE

Código CSS:

background-image: radial-gradient(circle, #68DDAB 11%, #8AE4BE 97%);

HEX #8AE4BE a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #8AE4BE 1%, #68DDAB 93%);

HEX #8AE4BE a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #8AE4BE 9%, #68DDAB 92%);

HEX #68DDAB a HEX #ACECD1

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 0%, #ACECD1 89%);

HEX #68DDAB a HEX #ACECD1

Código CSS:

background-image: radial-gradient(circle, #68DDAB 5%, #ACECD1 88%);

HEX #ACECD1 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #ACECD1 4%, #68DDAB 96%);

HEX #ACECD1 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #ACECD1 9%, #68DDAB 86%);

Gradientes de 2 colores de #68DDAB - Colores parcialmente complementarios

Lineal

HEX #68DDAB a HEX #6984DD

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 6%, #6984DD 99%);

Radial

HEX #68DDAB a HEX #6984DD

Código CSS:

background-image: radial-gradient(circle, #68DDAB 6%, #6984DD 99%);

HEX #6984DD a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #6984DD 14%, #68DDAB 91%);

HEX #6984DD a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #6984DD 1%, #68DDAB 86%);

HEX #68DDAB a HEX #DD7C69

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 0%, #DD7C69 87%);

HEX #68DDAB a HEX #DD7C69

Código CSS:

background-image: radial-gradient(circle, #68DDAB 12%, #DD7C69 98%);

HEX #DD7C69 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #DD7C69 5%, #68DDAB 98%);

HEX #DD7C69 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #DD7C69 1%, #68DDAB 88%);

Gradientes de 2 colores de #68DDAB - Colores triádicos

Lineal

HEX #68DDAB a HEX #AA69DD

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 10%, #AA69DD 98%);

Radial

HEX #68DDAB a HEX #AA69DD

Código CSS:

background-image: radial-gradient(circle, #68DDAB 6%, #AA69DD 96%);

HEX #AA69DD a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #AA69DD 0%, #68DDAB 99%);

HEX #AA69DD a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #AA69DD 3%, #68DDAB 99%);

HEX #68DDAB a HEX #DDAA69

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 6%, #DDAA69 98%);

HEX #68DDAB a HEX #DDAA69

Código CSS:

background-image: radial-gradient(circle, #68DDAB 3%, #DDAA69 92%);

HEX #DDAA69 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #DDAA69 8%, #68DDAB 89%);

HEX #DDAA69 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #DDAA69 1%, #68DDAB 87%);

Gradientes de 2 colores de #68DDAB - Colores rectangulares (tetradicos)

Lineal

HEX #68DDAB a HEX #6984DD

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 13%, #6984DD 92%);

Radial

HEX #68DDAB a HEX #6984DD

Código CSS:

background-image: radial-gradient(circle, #68DDAB 12%, #6984DD 90%);

HEX #6984DD a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #6984DD 3%, #68DDAB 92%);

HEX #6984DD a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #6984DD 11%, #68DDAB 87%);

HEX #68DDAB a HEX #DD699B

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 7%, #DD699B 100%);

HEX #68DDAB a HEX #DD699B

Código CSS:

background-image: radial-gradient(circle, #68DDAB 9%, #DD699B 90%);

HEX #DD699B a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #DD699B 3%, #68DDAB 93%);

HEX #DD699B a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #DD699B 1%, #68DDAB 88%);

HEX #68DDAB a HEX #DDC269

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 2%, #DDC269 91%);

HEX #68DDAB a HEX #DDC269

Código CSS:

background-image: radial-gradient(circle, #68DDAB 14%, #DDC269 95%);

HEX #DDC269 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #DDC269 8%, #68DDAB 86%);

HEX #DDC269 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #DDC269 10%, #68DDAB 89%);

Gradientes de 2 colores de #68DDAB - Colores cuadrados

Lineal

HEX #68DDAB a HEX #7169DD

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 8%, #7169DD 92%);

Radial

HEX #68DDAB a HEX #7169DD

Código CSS:

background-image: radial-gradient(circle, #68DDAB 6%, #7169DD 87%);

HEX #7169DD a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #7169DD 2%, #68DDAB 89%);

HEX #7169DD a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #7169DD 13%, #68DDAB 93%);

HEX #68DDAB a HEX #DD699B

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 2%, #DD699B 97%);

HEX #68DDAB a HEX #DD699B

Código CSS:

background-image: radial-gradient(circle, #68DDAB 5%, #DD699B 95%);

HEX #DD699B a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #DD699B 7%, #68DDAB 98%);

HEX #DD699B a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #DD699B 8%, #68DDAB 95%);

HEX #68DDAB a HEX #D5DD69

Código CSS:

background-image: linear-gradient(135deg, #68DDAB 13%, #D5DD69 86%);

HEX #68DDAB a HEX #D5DD69

Código CSS:

background-image: radial-gradient(circle, #68DDAB 2%, #D5DD69 93%);

HEX #D5DD69 a HEX #68DDAB

Código CSS:

background-image: linear-gradient(135deg, #D5DD69 10%, #68DDAB 89%);

HEX #D5DD69 a HEX #68DDAB

Código CSS:

background-image: radial-gradient(circle, #D5DD69 12%, #68DDAB 90%);

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.