Herramienta de color práctica

Generador de tonos de color

Genera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.

Abrir en la herramienta principalVolver a la herramienta
EnglishItalianoEspañolFrançaisDeutsch

Qué ofrece esta página

  • Genera tintes claros y tonos oscuros desde un color.
  • Usa 50-200 para fondos, 500-600 para acci?nes, 800-950 para dark UI.
  • Exporta la escala como CSS, Tailwind, SCSS o JSON.

Bueno para

  • Escalas Tailwind
  • Design tokens
  • Hover

Cómo usarlo

Genera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.

Generador de paletasGenera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.Checker WCAGGenera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.Extractor de imágenesGenera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.
¿Puedo usarlo con el generador principal?

Sí. Empieza aquí, abre la herramienta principal de Chromaforge con el mismo color base y exporta la paleta.