HeronTool
Español▾
Iniciar sesión
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Inicio › Recursos de diseño › Color Shades Generator

Color Shades Generator

Generate a 50-950 color scale with CSS variables from one base color.

Color Paleta Diseño
Palette—

Cómo usar

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Casos de uso

Generate a 50-950 color scale with CSS variables from one base color.

Nada se sube: todo se procesa localmente en tu navegador.

Comentario / Informar / Mis anotaciones

Inicia sesión primero — Iniciar sesión

Inicia sesión primero — Iniciar sesión

Inicia sesión primero — Iniciar sesión

Herramientas relacionadas
Generador de degradados Genera degradados CSS lineales/radiales con vista previa en vivo. Degradado Vista previa de fuentes Escribe texto y cambia la familia de fuente para previsualizar en vivo. Fuente Buscador de iconos Busca iconos de Tabler y copia su SVG en un clic. Icono Generador de paletas Crea una paleta armónica (análoga/complementaria) desde un color base. Paleta Generador de maquetas Arrastra una URL o una captura de pantalla a un marco mockup de dispositivo. Mockup Contraste de colores Comprueba el contraste WCAG del texto sobre el fondo. Contraste Generador box-shadow Construye visualmente box-shadow CSS. Sombra Generador text-shadow Construye text-shadow CSS. Sombra