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

✕

CSS Gradientes:
#AFDA33

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 el amarillo se destaca de los otros colores. El valor que los tonos rojo y verde respresentan es más grande que el tercer valor. Estan más cercanos y superan el valor del tono azul. 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 175 el rojo, 218 el verde y 51 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 20 ciano, ninguno magenta, 77 amarillo y 15 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 #AFDA33 - Color complementario

Lineal

HEX #AFDA33 a HEX #5025CC

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 1%, #5025CC 95%);

Radial

HEX #AFDA33 a HEX #5025CC

Código CSS:

background-image: radial-gradient(circle, #AFDA33 6%, #5025CC 89%);

HEX #5025CC a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #5025CC 0%, #AFDA33 98%);

HEX #5025CC a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #5025CC 13%, #AFDA33 89%);

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

Lineal

HEX #AFDA33 a HEX #D9D734

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 6%, #D9D734 90%);

Radial

HEX #AFDA33 a HEX #D9D734

Código CSS:

background-image: radial-gradient(circle, #AFDA33 5%, #D9D734 98%);

HEX #D9D734 a HEX #AFDA33

Código CSS:

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

HEX #D9D734 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #D9D734 1%, #AFDA33 87%);

HEX #AFDA33 a HEX #B0D934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 0%, #B0D934 87%);

HEX #AFDA33 a HEX #B0D934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 14%, #B0D934 94%);

HEX #B0D934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #B0D934 12%, #AFDA33 86%);

HEX #B0D934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #B0D934 6%, #AFDA33 88%);

HEX #AFDA33 a HEX #84D934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 10%, #84D934 97%);

HEX #AFDA33 a HEX #84D934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 9%, #84D934 96%);

HEX #84D934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #84D934 3%, #AFDA33 88%);

HEX #84D934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #84D934 2%, #AFDA33 86%);

HEX #AFDA33 a HEX #58D934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 1%, #58D934 91%);

HEX #AFDA33 a HEX #58D934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 9%, #58D934 100%);

HEX #58D934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #58D934 13%, #AFDA33 94%);

HEX #58D934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #58D934 11%, #AFDA33 89%);

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

Lineal

HEX #AFDA33 a HEX #98C123

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 14%, #98C123 86%);

Radial

HEX #AFDA33 a HEX #98C123

Código CSS:

background-image: radial-gradient(circle, #AFDA33 14%, #98C123 100%);

HEX #98C123 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #98C123 2%, #AFDA33 99%);

HEX #98C123 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #98C123 10%, #AFDA33 94%);

HEX #AFDA33 a HEX #AFD934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 5%, #AFD934 93%);

HEX #AFDA33 a HEX #AFD934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 9%, #AFD934 99%);

HEX #AFD934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #AFD934 6%, #AFDA33 99%);

HEX #AFD934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #AFD934 5%, #AFDA33 98%);

HEX #AFDA33 a HEX #BCE057

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 8%, #BCE057 97%);

HEX #AFDA33 a HEX #BCE057

Código CSS:

background-image: radial-gradient(circle, #AFDA33 10%, #BCE057 92%);

HEX #BCE057 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #BCE057 2%, #AFDA33 93%);

HEX #BCE057 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #BCE057 4%, #AFDA33 89%);

HEX #AFDA33 a HEX #CAE67A

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 4%, #CAE67A 93%);

HEX #AFDA33 a HEX #CAE67A

Código CSS:

background-image: radial-gradient(circle, #AFDA33 10%, #CAE67A 87%);

HEX #CAE67A a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #CAE67A 8%, #AFDA33 98%);

HEX #CAE67A a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #CAE67A 6%, #AFDA33 100%);

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

Lineal

HEX #AFDA33 a HEX #D9D734

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 14%, #D9D734 91%);

Radial

HEX #AFDA33 a HEX #D9D734

Código CSS:

background-image: radial-gradient(circle, #AFDA33 10%, #D9D734 99%);

HEX #D9D734 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #D9D734 11%, #AFDA33 93%);

HEX #D9D734 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #D9D734 6%, #AFDA33 90%);

HEX #AFDA33 a HEX #B0D934

Código CSS:

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

HEX #AFDA33 a HEX #B0D934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 1%, #B0D934 88%);

HEX #B0D934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #B0D934 6%, #AFDA33 90%);

HEX #B0D934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #B0D934 7%, #AFDA33 86%);

HEX #AFDA33 a HEX #84D934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 0%, #84D934 100%);

HEX #AFDA33 a HEX #84D934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 2%, #84D934 99%);

HEX #84D934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #84D934 3%, #AFDA33 90%);

HEX #84D934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #84D934 10%, #AFDA33 95%);

HEX #AFDA33 a HEX #58D934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 3%, #58D934 94%);

HEX #AFDA33 a HEX #58D934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 2%, #58D934 92%);

HEX #58D934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #58D934 11%, #AFDA33 100%);

HEX #58D934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #58D934 7%, #AFDA33 92%);

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

Lineal

HEX #AFDA33 a HEX #98C123

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 6%, #98C123 96%);

Radial

HEX #AFDA33 a HEX #98C123

Código CSS:

background-image: radial-gradient(circle, #AFDA33 9%, #98C123 87%);

HEX #98C123 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #98C123 6%, #AFDA33 87%);

HEX #98C123 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #98C123 12%, #AFDA33 91%);

HEX #AFDA33 a HEX #AFD934

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 0%, #AFD934 100%);

HEX #AFDA33 a HEX #AFD934

Código CSS:

background-image: radial-gradient(circle, #AFDA33 1%, #AFD934 99%);

HEX #AFD934 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #AFD934 1%, #AFDA33 92%);

HEX #AFD934 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #AFD934 11%, #AFDA33 93%);

HEX #AFDA33 a HEX #BCE057

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 6%, #BCE057 94%);

HEX #AFDA33 a HEX #BCE057

Código CSS:

background-image: radial-gradient(circle, #AFDA33 5%, #BCE057 98%);

HEX #BCE057 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #BCE057 1%, #AFDA33 100%);

HEX #BCE057 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #BCE057 12%, #AFDA33 87%);

HEX #AFDA33 a HEX #CAE67A

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 1%, #CAE67A 94%);

HEX #AFDA33 a HEX #CAE67A

Código CSS:

background-image: radial-gradient(circle, #AFDA33 13%, #CAE67A 92%);

HEX #CAE67A a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #CAE67A 8%, #AFDA33 86%);

HEX #CAE67A a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #CAE67A 10%, #AFDA33 98%);

Gradientes de 2 colores de #AFDA33 - Colores parcialmente complementarios

Lineal

HEX #AFDA33 a HEX #34D97E

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 13%, #34D97E 92%);

Radial

HEX #AFDA33 a HEX #34D97E

Código CSS:

background-image: radial-gradient(circle, #AFDA33 1%, #34D97E 100%);

HEX #34D97E a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #34D97E 9%, #AFDA33 87%);

HEX #34D97E a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #34D97E 3%, #AFDA33 100%);

HEX #AFDA33 a HEX #C134D9

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 3%, #C134D9 96%);

HEX #AFDA33 a HEX #C134D9

Código CSS:

background-image: radial-gradient(circle, #AFDA33 3%, #C134D9 92%);

HEX #C134D9 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #C134D9 4%, #AFDA33 99%);

HEX #C134D9 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #C134D9 3%, #AFDA33 86%);

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

Lineal

HEX #AFDA33 a HEX #34B0D9

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 13%, #34B0D9 93%);

Radial

HEX #AFDA33 a HEX #34B0D9

Código CSS:

background-image: radial-gradient(circle, #AFDA33 9%, #34B0D9 96%);

HEX #34B0D9 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #34B0D9 5%, #AFDA33 98%);

HEX #34B0D9 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #34B0D9 8%, #AFDA33 90%);

HEX #AFDA33 a HEX #D934B0

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 4%, #D934B0 99%);

HEX #AFDA33 a HEX #D934B0

Código CSS:

background-image: radial-gradient(circle, #AFDA33 13%, #D934B0 94%);

HEX #D934B0 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #D934B0 0%, #AFDA33 91%);

HEX #D934B0 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #D934B0 11%, #AFDA33 96%);

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

Lineal

HEX #AFDA33 a HEX #34D97E

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 8%, #34D97E 88%);

Radial

HEX #AFDA33 a HEX #34D97E

Código CSS:

background-image: radial-gradient(circle, #AFDA33 5%, #34D97E 97%);

HEX #34D97E a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #34D97E 4%, #AFDA33 86%);

HEX #34D97E a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #34D97E 1%, #AFDA33 86%);

HEX #AFDA33 a HEX #5D34D9

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 9%, #5D34D9 86%);

HEX #AFDA33 a HEX #5D34D9

Código CSS:

background-image: radial-gradient(circle, #AFDA33 1%, #5D34D9 93%);

HEX #5D34D9 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #5D34D9 0%, #AFDA33 97%);

HEX #5D34D9 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #5D34D9 9%, #AFDA33 88%);

HEX #AFDA33 a HEX #D9348F

Código CSS:

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

HEX #AFDA33 a HEX #D9348F

Código CSS:

background-image: radial-gradient(circle, #AFDA33 2%, #D9348F 97%);

HEX #D9348F a HEX #AFDA33

Código CSS:

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

HEX #D9348F a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #D9348F 6%, #AFDA33 90%);

Gradientes de 2 colores de #AFDA33 - Colores cuadrados

Lineal

HEX #AFDA33 a HEX #34D9B0

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 11%, #34D9B0 99%);

Radial

HEX #AFDA33 a HEX #34D9B0

Código CSS:

background-image: radial-gradient(circle, #AFDA33 11%, #34D9B0 87%);

HEX #34D9B0 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #34D9B0 5%, #AFDA33 99%);

HEX #34D9B0 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #34D9B0 4%, #AFDA33 94%);

HEX #AFDA33 a HEX #5D34D9

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 9%, #5D34D9 88%);

HEX #AFDA33 a HEX #5D34D9

Código CSS:

background-image: radial-gradient(circle, #AFDA33 13%, #5D34D9 95%);

HEX #5D34D9 a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #5D34D9 11%, #AFDA33 90%);

HEX #5D34D9 a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #5D34D9 10%, #AFDA33 91%);

HEX #AFDA33 a HEX #D9345D

Código CSS:

background-image: linear-gradient(135deg, #AFDA33 4%, #D9345D 92%);

HEX #AFDA33 a HEX #D9345D

Código CSS:

background-image: radial-gradient(circle, #AFDA33 7%, #D9345D 98%);

HEX #D9345D a HEX #AFDA33

Código CSS:

background-image: linear-gradient(135deg, #D9345D 14%, #AFDA33 97%);

HEX #D9345D a HEX #AFDA33

Código CSS:

background-image: radial-gradient(circle, #D9345D 2%, #AFDA33 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

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.