Nuevo: Paquetes API disponibles

Nuestra nueva API le ofrece ahora un control aún mayor sobre la conversión de colores: perfecta para proyectos web, plugins, herramientas internas o aplicaciones SaaS.
Cree varias claves API, gestione su cuota mensual de tokens e integre qConv de forma flexible en sus aplicaciones.

Hasta 2025-08-15: ¡Precios de lanzamiento en todos los paquetes!

VER AHORA X

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

CSS Gradientes:
RGB 7 103 114

Información

cerrar todo

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.

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.

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 bajo comparado con otros, este tono parece ser más oscuro

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 7 el rojo, 103 el verde y 114 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.
7 103 114 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 94 ciano, 10 magenta, ninguno amarillo y 55 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.
94% 10% 0% 55% 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 #076772 a HEX #F8988D


Código CSS:

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

Radial

HEX #076772 a HEX #F8988D


Código CSS:

background-image: radial-gradient(circle, #076772 13%, #F8988D 88%);

 

HEX #F8988D a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #F8988D 9%, #076772 92%);

 

HEX #F8988D a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #F8988D 9%, #076772 99%);

Lineal

HEX #076772 a HEX #077361


Código CSS:

background-image: linear-gradient(135deg, #076772 7%, #077361 93%);

Radial

HEX #076772 a HEX #077361


Código CSS:

background-image: radial-gradient(circle, #076772 8%, #077361 89%);

 

HEX #077361 a HEX #076772


Código CSS:

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

 

HEX #077361 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #077361 14%, #076772 89%);

 

HEX #076772 a HEX #076873


Código CSS:

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

 

HEX #076772 a HEX #076873


Código CSS:

background-image: radial-gradient(circle, #076772 6%, #076873 99%);

 

HEX #076873 a HEX #076772


Código CSS:

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

 

HEX #076873 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #076873 10%, #076772 97%);

 

HEX #076772 a HEX #074B73


Código CSS:

background-image: linear-gradient(135deg, #076772 13%, #074B73 95%);

 

HEX #076772 a HEX #074B73


Código CSS:

background-image: radial-gradient(circle, #076772 12%, #074B73 97%);

 

HEX #074B73 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #074B73 2%, #076772 90%);

 

HEX #074B73 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #074B73 6%, #076772 89%);

 

HEX #076772 a HEX #072E73


Código CSS:

background-image: linear-gradient(135deg, #076772 5%, #072E73 100%);

 

HEX #076772 a HEX #072E73


Código CSS:

background-image: radial-gradient(circle, #076772 4%, #072E73 100%);

 

HEX #072E73 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #072E73 13%, #076772 92%);

 

HEX #072E73 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #072E73 10%, #076772 95%);

Lineal

HEX #076772 a HEX #04444C


Código CSS:

background-image: linear-gradient(135deg, #076772 6%, #04444C 92%);

Radial

HEX #076772 a HEX #04444C


Código CSS:

background-image: radial-gradient(circle, #076772 11%, #04444C 95%);

 

HEX #04444C a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #04444C 14%, #076772 96%);

 

HEX #04444C a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #04444C 0%, #076772 89%);

 

HEX #076772 a HEX #076773


Código CSS:

background-image: linear-gradient(135deg, #076772 12%, #076773 87%);

 

HEX #076772 a HEX #076773


Código CSS:

background-image: radial-gradient(circle, #076772 8%, #076773 98%);

 

HEX #076773 a HEX #076772


Código CSS:

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

 

HEX #076773 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #076773 10%, #076772 86%);

 

HEX #076772 a HEX #098B99


Código CSS:

background-image: linear-gradient(135deg, #076772 12%, #098B99 93%);

 

HEX #076772 a HEX #098B99


Código CSS:

background-image: radial-gradient(circle, #076772 9%, #098B99 88%);

 

HEX #098B99 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #098B99 0%, #076772 96%);

 

HEX #098B99 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #098B99 9%, #076772 93%);

 

HEX #076772 a HEX #0CAEC0


Código CSS:

background-image: linear-gradient(135deg, #076772 0%, #0CAEC0 98%);

 

HEX #076772 a HEX #0CAEC0


Código CSS:

background-image: radial-gradient(circle, #076772 3%, #0CAEC0 87%);

 

HEX #0CAEC0 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #0CAEC0 3%, #076772 90%);

 

HEX #0CAEC0 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #0CAEC0 1%, #076772 87%);

Lineal

HEX #076772 a HEX #077361


Código CSS:

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

Radial

HEX #076772 a HEX #077361


Código CSS:

background-image: radial-gradient(circle, #076772 7%, #077361 92%);

 

HEX #077361 a HEX #076772


Código CSS:

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

 

HEX #077361 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #077361 1%, #076772 88%);

 

HEX #076772 a HEX #076873


Código CSS:

background-image: linear-gradient(135deg, #076772 11%, #076873 95%);

 

HEX #076772 a HEX #076873


Código CSS:

background-image: radial-gradient(circle, #076772 3%, #076873 93%);

 

HEX #076873 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #076873 12%, #076772 98%);

 

HEX #076873 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #076873 0%, #076772 86%);

 

HEX #076772 a HEX #074B73


Código CSS:

background-image: linear-gradient(135deg, #076772 13%, #074B73 98%);

 

HEX #076772 a HEX #074B73


Código CSS:

background-image: radial-gradient(circle, #076772 5%, #074B73 88%);

 

HEX #074B73 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #074B73 6%, #076772 87%);

 

HEX #074B73 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #074B73 9%, #076772 93%);

 

HEX #076772 a HEX #072E73


Código CSS:

background-image: linear-gradient(135deg, #076772 6%, #072E73 92%);

 

HEX #076772 a HEX #072E73


Código CSS:

background-image: radial-gradient(circle, #076772 14%, #072E73 90%);

 

HEX #072E73 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #072E73 2%, #076772 87%);

 

HEX #072E73 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #072E73 2%, #076772 91%);

Lineal

HEX #076772 a HEX #04444C


Código CSS:

background-image: linear-gradient(135deg, #076772 2%, #04444C 92%);

Radial

HEX #076772 a HEX #04444C


Código CSS:

background-image: radial-gradient(circle, #076772 12%, #04444C 91%);

 

HEX #04444C a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #04444C 1%, #076772 92%);

 

HEX #04444C a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #04444C 10%, #076772 97%);

 

HEX #076772 a HEX #076773


Código CSS:

background-image: linear-gradient(135deg, #076772 3%, #076773 98%);

 

HEX #076772 a HEX #076773


Código CSS:

background-image: radial-gradient(circle, #076772 4%, #076773 88%);

 

HEX #076773 a HEX #076772


Código CSS:

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

 

HEX #076773 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #076773 6%, #076772 99%);

 

HEX #076772 a HEX #098B99


Código CSS:

background-image: linear-gradient(135deg, #076772 1%, #098B99 98%);

 

HEX #076772 a HEX #098B99


Código CSS:

background-image: radial-gradient(circle, #076772 5%, #098B99 100%);

 

HEX #098B99 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #098B99 5%, #076772 99%);

 

HEX #098B99 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #098B99 7%, #076772 90%);

 

HEX #076772 a HEX #0CAEC0


Código CSS:

background-image: linear-gradient(135deg, #076772 12%, #0CAEC0 97%);

 

HEX #076772 a HEX #0CAEC0


Código CSS:

background-image: radial-gradient(circle, #076772 9%, #0CAEC0 98%);

 

HEX #0CAEC0 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #0CAEC0 0%, #076772 97%);

 

HEX #0CAEC0 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #0CAEC0 3%, #076772 92%);

Lineal

HEX #076772 a HEX #270773


Código CSS:

background-image: linear-gradient(135deg, #076772 5%, #270773 86%);

Radial

HEX #076772 a HEX #270773


Código CSS:

background-image: radial-gradient(circle, #076772 0%, #270773 92%);

 

HEX #270773 a HEX #076772


Código CSS:

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

 

HEX #270773 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #270773 11%, #076772 93%);

 

HEX #076772 a HEX #735207


Código CSS:

background-image: linear-gradient(135deg, #076772 11%, #735207 89%);

 

HEX #076772 a HEX #735207


Código CSS:

background-image: radial-gradient(circle, #076772 1%, #735207 98%);

 

HEX #735207 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #735207 0%, #076772 88%);

 

HEX #735207 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #735207 7%, #076772 92%);

Lineal

HEX #076772 a HEX #730768


Código CSS:

background-image: linear-gradient(135deg, #076772 9%, #730768 87%);

Radial

HEX #076772 a HEX #730768


Código CSS:

background-image: radial-gradient(circle, #076772 8%, #730768 100%);

 

HEX #730768 a HEX #076772


Código CSS:

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

 

HEX #730768 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #730768 13%, #076772 91%);

 

HEX #076772 a HEX #687307


Código CSS:

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

 

HEX #076772 a HEX #687307


Código CSS:

background-image: radial-gradient(circle, #076772 5%, #687307 95%);

 

HEX #687307 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #687307 11%, #076772 98%);

 

HEX #687307 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #687307 7%, #076772 95%);

Lineal

HEX #076772 a HEX #270773


Código CSS:

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

Radial

HEX #076772 a HEX #270773


Código CSS:

background-image: radial-gradient(circle, #076772 3%, #270773 100%);

 

HEX #270773 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #270773 12%, #076772 87%);

 

HEX #270773 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #270773 12%, #076772 89%);

 

HEX #076772 a HEX #731207


Código CSS:

background-image: linear-gradient(135deg, #076772 7%, #731207 90%);

 

HEX #076772 a HEX #731207


Código CSS:

background-image: radial-gradient(circle, #076772 14%, #731207 87%);

 

HEX #731207 a HEX #076772


Código CSS:

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

 

HEX #731207 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #731207 7%, #076772 87%);

 

HEX #076772 a HEX #527307


Código CSS:

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

 

HEX #076772 a HEX #527307


Código CSS:

background-image: radial-gradient(circle, #076772 4%, #527307 86%);

 

HEX #527307 a HEX #076772


Código CSS:

background-image: linear-gradient(135deg, #527307 12%, #076772 100%);

 

HEX #527307 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #527307 11%, #076772 86%);

Lineal

HEX #076772 a HEX #470773


Código CSS:

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

Radial

HEX #076772 a HEX #470773


Código CSS:

background-image: radial-gradient(circle, #076772 3%, #470773 95%);

 

HEX #470773 a HEX #076772


Código CSS:

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

 

HEX #470773 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #470773 0%, #076772 88%);

 

HEX #076772 a HEX #731207


Código CSS:

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

 

HEX #076772 a HEX #731207


Código CSS:

background-image: radial-gradient(circle, #076772 4%, #731207 92%);

 

HEX #731207 a HEX #076772


Código CSS:

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

 

HEX #731207 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #731207 10%, #076772 94%);

 

HEX #076772 a HEX #327307


Código CSS:

background-image: linear-gradient(135deg, #076772 9%, #327307 92%);

 

HEX #076772 a HEX #327307


Código CSS:

background-image: radial-gradient(circle, #076772 14%, #327307 97%);

 

HEX #327307 a HEX #076772


Código CSS:

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

 

HEX #327307 a HEX #076772


Código CSS:

background-image: radial-gradient(circle, #327307 5%, #076772 98%);

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.