Paleta Tailwind
Genera configuracions de color Tailwind CSS. Utilitza Paleta Tailwind gratis en línia, sense registre, amb resultats ràpids i processament segur al navegador.
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
primary: {
50: '#F2F2FD',
100: '#E4E5FB',
200: '#BFC0F8',
300: '#9395F6',
400: '#5B5EF5',
500: '#1418EB',
600: '#0C0FC6',
700: '#0508AD',
800: '#010389',
900: '#010265',
950: '#000133',
},
},
},
},
}Paleta Tailwind t’ajuda a treballar amb colors directament al navegador.
L’eina està pensada per a dissenyadors, desenvolupadors i creadors que necessiten resultats ràpids i fiables.
Supported formats
How it works
Step 1
Obre Paleta Tailwind
Step 2
Introdueix o importa els colors
Step 3
Copia, exporta o reutilitza el resultat
Errors comuns a evitar
- Oblidar comprovar el contrast pot perjudicar la llegibilitat.
- Fer servir massa colors pot dificultar l’ús de la paleta.
Consells pro
- Desa els colors principals com a variables CSS.
- Prova la paleta en mode clar i fosc abans de publicar.
Privacy guaranteed: everything is processed locally in your browser.
El processament es fa localment al navegador sempre que és possible. No cal cap compte.
Paleta Tailwind per als teus projectes de color
Genera configuracions de color Tailwind CSS.
Paleta Tailwind sense pèrdua de precisió
Les conversions s'executen amb valors exactes (HEX, RGB, HSL, OKLCH). Sense aproximació visual: obtens el color fidel a la teva intenció de disseny.
Paleta Tailwind gratis en línia
Sense registre, sense baixar programari. Paleta Tailwind és 100% gratuït i funciona a qualsevol navegador. El pla gratuït inclou 10 usos al dia.
Paleta Tailwind ràpid i segur
El processament es fa directament al navegador per a màxima velocitat. No s'envia cap dada als nostres servidors: els teus colors són privats.
Paleta Tailwind per compartir i col·laborar
Exporta resultats com HEX, RGB, HSL, CSS, JSON o copia'ls amb un clic. Ideal per compartir guia de color amb el teu equip.
Descobreix totes les nostres eines de color
Extreu, converteix, genera paletes, degradats i contrastos WCAG en pocs clics.
Related tools
Guies i tutorials
Aprèn a utilitzar les nostres eines amb les nostres guies detallades.
tailwind-palette: guia pràctica de developer
Guia localitzada per utilitzar tailwind-palette, entendre bones pràctiques de developer i evitar errors comuns.
tailwind-palette: guia pràctica de developer
Guia localitzada per utilitzar tailwind-palette, entendre bones pràctiques de developer i evitar errors comuns.
tailwind-palette: guia pràctica de developer
Guia localitzada per utilitzar tailwind-palette, entendre bones pràctiques de developer i evitar errors comuns.