Colors and fonts
Una herramienta para crear paletas de colores accesibles, probar el contraste, emparejar fuentes y exportar a Tailwind, CSS y herramientas de diseño.
Resumen
¿Qué es Colors and fonts?
Colors & Fonts es una herramienta basada en web que ayuda a diseñadores y desarrolladores a crear escalas de colores completas, crear paletas armoniosas utilizando la teoría del color, realizar comprobaciones de contraste en tiempo real y exportar a formatos como Tailwind v4, CSS, SCSS y tokens Figma.
¿Para qué se usa Colors and fonts?
Etiquetas
Grupos de Usuarios

Características Principales
- Generación de paleta de colores.
- Comprobación de contraste en tiempo real
- Emparejamiento de fuentes
- Exportar a tokens Tailwind, CSS, SCSS, Figma
- edición HSL
¿Cómo usar Colors and fonts?
Comience seleccionando un color base para generar escalas o crear paletas de 5 colores. Utilice la edición HSL para realizar ajustes, pruebe el contraste en tiempo real, empareje fuentes y exporte los resultados a sus herramientas de diseño o desarrollo preferidas.
Herramientas Alternativas
Pros & Contras
Pros
- Centrado en la accesibilidad
- Admite múltiples formatos de exportación
- Interfaz fácil de usar
- Actualizaciones en tiempo real
Contras
- Limitado a la plataforma web
- Puede requerir suscripción para funciones avanzadas
Casos de Uso
- Diseño de sitios web accesibles
- Creación de sistemas de color de marca.
- Desarrollo frontend con Tailwind
Precios de Colors and fonts
Reseñas de Usuarios
Aún no hay reseñas
¡Sé el primero en reseñar esta herramienta!