Paleta de colores - grau

Resumen

cerrar

Posibles usos

Usted puede continuar utilizando estas paletas de colores. Puede personalizarlas y cambiar los colores individuales como desea. Califique estas paletas de colores y compartalas.

Encuentre ejemplos de transiciones lineales y radiales con dos colores de esta paleta de colores.

Los primeros tres colores están preseleccionados, si están disponibles. Puede agregarlos o deseleccionarlos con el icono de color en la parte inferior derecha de cada color.

Diseño web: copie el código CSS para una fácil integración en su sitio web.

Encuentre ejemplos de transiciones lineales y radiales con tres colores de esta paleta de colores.

Los primeros tres colores están preseleccionados, si están disponibles. Puede agregarlos o deseleccionarlos con el icono de color en la parte inferior derecha de cada color.

Diseño web: copie el código CSS para una fácil integración en su sitio web.

Mostrar opciones

Nueva paleta de colores

Lineal

HEX #B7DF17 a HEX #F8F4E8


Código CSS:

background-image: linear-gradient(135deg, #B7DF17 -1%, #F8F4E8 105%);

Radial

HEX #B7DF17 a HEX #F8F4E8


Código CSS:

background-image: radial-gradient(circle, #B7DF17 2%, #F8F4E8 207%);

HEX #B7DF17 a HEX #D7D3C6


Código CSS:

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


HEX #B7DF17 a HEX #D7D3C6


Código CSS:

background-image: radial-gradient(circle, #B7DF17 5%, #D7D3C6 199%);

HEX #F8F4E8 a HEX #B7DF17


Código CSS:

background-image: linear-gradient(135deg, #F8F4E8 7%, #B7DF17 87%);


HEX #F8F4E8 a HEX #B7DF17


Código CSS:

background-image: radial-gradient(circle, #F8F4E8 1%, #B7DF17 201%);

HEX #F8F4E8 a HEX #D7D3C6


Código CSS:

background-image: linear-gradient(135deg, #F8F4E8 8%, #D7D3C6 96%);


HEX #F8F4E8 a HEX #D7D3C6


Código CSS:

background-image: radial-gradient(circle, #F8F4E8 -2%, #D7D3C6 204%);

HEX #D7D3C6 a HEX #B7DF17


Código CSS:

background-image: linear-gradient(135deg, #D7D3C6 1%, #B7DF17 91%);


HEX #D7D3C6 a HEX #B7DF17


Código CSS:

background-image: radial-gradient(circle, #D7D3C6 -6%, #B7DF17 197%);

HEX #D7D3C6 a HEX #F8F4E8


Código CSS:

background-image: linear-gradient(135deg, #D7D3C6 7%, #F8F4E8 94%);


HEX #D7D3C6 a HEX #F8F4E8


Código CSS:

background-image: radial-gradient(circle, #D7D3C6 4%, #F8F4E8 209%);

Lineal

HEX #B7DF17 sobre HEX #F8F4E8 a HEX #D7D3C6


Código CSS:

background-image: linear-gradient(135deg, #B7DF17 6%, #F8F4E8 48%, #D7D3C6 109%);

Radial

HEX #B7DF17 sobre HEX #F8F4E8 a HEX #D7D3C6


Código CSS:

background-image: radial-gradient(circle, #B7DF17 -2%, #F8F4E8 57%, #D7D3C6 86%);

HEX #B7DF17 sobre HEX #D7D3C6 a HEX #F8F4E8


Código CSS:

background-image: linear-gradient(135deg, #B7DF17 0%, #D7D3C6 56%, #F8F4E8 102%);


HEX #B7DF17 sobre HEX #D7D3C6 a HEX #F8F4E8


Código CSS:

background-image: radial-gradient(circle, #B7DF17 -5%, #D7D3C6 45%, #F8F4E8 103%);

HEX #F8F4E8 sobre HEX #B7DF17 a HEX #D7D3C6


Código CSS:

background-image: linear-gradient(135deg, #F8F4E8 5%, #B7DF17 52%, #D7D3C6 107%);


HEX #F8F4E8 sobre HEX #B7DF17 a HEX #D7D3C6


Código CSS:

background-image: radial-gradient(circle, #F8F4E8 11%, #B7DF17 43%, #D7D3C6 89%);

HEX #F8F4E8 sobre HEX #D7D3C6 a HEX #B7DF17


Código CSS:

background-image: linear-gradient(135deg, #F8F4E8 -7%, #D7D3C6 48%, #B7DF17 103%);


HEX #F8F4E8 sobre HEX #D7D3C6 a HEX #B7DF17


Código CSS:

background-image: radial-gradient(circle, #F8F4E8 1%, #D7D3C6 51%, #B7DF17 87%);

HEX #D7D3C6 sobre HEX #B7DF17 a HEX #F8F4E8


Código CSS:

background-image: linear-gradient(135deg, #D7D3C6 -8%, #B7DF17 54%, #F8F4E8 105%);


HEX #D7D3C6 sobre HEX #B7DF17 a HEX #F8F4E8


Código CSS:

background-image: radial-gradient(circle, #D7D3C6 1%, #B7DF17 42%, #F8F4E8 86%);

HEX #D7D3C6 sobre HEX #F8F4E8 a HEX #B7DF17


Código CSS:

background-image: linear-gradient(135deg, #D7D3C6 -7%, #F8F4E8 51%, #B7DF17 97%);


HEX #D7D3C6 sobre HEX #F8F4E8 a HEX #B7DF17


Código CSS:

background-image: radial-gradient(circle, #D7D3C6 11%, #F8F4E8 47%, #B7DF17 109%);

Gradientes de 2 colores ajustados ({{ cantidad }} pieza)

Muestrar

Gradientes de 3 colores ajustados({{ cantidad }} pieza)

Muestrar

Anunciar

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)

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)

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)

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)

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)

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)

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)

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)