Los degradados de color más actuales. Evalúa los degradados más bonitos y crea los tuyos propios a partir de los colores que mejor combinan.
#CD2C58 - #FFC69D - #E06B80 - #FFE6D4
Código CSS:
background-image: linear-gradient(222deg, #CD2C58 20%,#FFC69D 39%,#E06B80 70%,#FFE6D4 93%);
Código CSS:
background-image: radial-gradient(circle at 24% 72%, #DA291C 17%,#25D6E3 100%);
#BA5918 - #8C4719 - #5D188B - #871FCC
Código CSS:
background-image: linear-gradient(118deg, #BA5918 0%,#8C4719 29%,#5D188B 85%,#871FCC 100%);
#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9
Código CSS:
background-image: radial-gradient(circle closest-side , #482CA6 0%,#1220D9 16%,#7D3873 26%,#E74F0D 63%,#2D26C0 74%,#2023CD 90%,#1220D9 95%);
Código CSS:
background-image: radial-gradient(circle at 49% center, #D0C6B4 11%,#2F394B 64%);
Código CSS:
background-image: radial-gradient(circle at 16% 52%, #FF9E18 2%,#CC7700 91%);
#E74F0D - #7D3873 - #482CA6 - #2D26C0 - #2023CD - #1220D9
Código CSS:
background-image: radial-gradient(circle , #E74F0D 0%,#7D3873 27%,#482CA6 46%,#2D26C0 63%,#2023CD 79%,#1220D9 100%);
#00FF91 - #40CD90 - #30DA91 - #20E691 - #68AD8F - #50C090 - #7F9A8E - #FD348A
Código CSS:
background-image: radial-gradient(circle at 49% 53%, #00FF91 44%,#40CD90 44%,#30DA91 51%,#20E691 51%,#68AD8F 56%,#50C090 56%,#7F9A8E 65%,#FD348A 89%);
Código CSS:
background-image: radial-gradient(circle at 59% 42%, #030303 10%,#477C94 13%,#84C3E0 21%,#549FBA 31%,#507E8A 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);
Código CSS:
background-image: radial-gradient(circle at 59% 42%, #030303 10%,#6D2F7D 13%,#BD76DB 21%,#8F44A6 31%,#622073 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);
Código CSS:
background-image: radial-gradient(circle at 59% 41%, #131414 0%,#1A1915 13%,#0FA833 16%,#389C54 22%,#1A7D2E 28%,#255229 32%,#2D3618 34%,#F5C9CA 37%,#E0B4B4 67%,#B55B5B 80%);
Código CSS:
background-image: linear-gradient(360deg, #D2D246 12%,#A1C091 31%,#70ADDB 52%);
Código CSS:
background-image: linear-gradient(0deg, #F9F9F7 10%,#779ACE 81%,#5986CC 93%);
Proporcione a diseñadores y agencias valores cromáticos precisos.
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)
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
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)
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)
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
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 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
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 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
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 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
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)