Pessoal, este é um projeto que tenho há um tempo localmente na minha máquina. Decidi adicionar no meu git e ainda estou melhorando ele. E não, não é um SaaS. Ainda não 😁😁😁

Vamos conhecer mais?

🎨 Kolora — O playground visual para criar paletas acessíveis e modernas

Você já se frustrou tentando montar uma paleta de cores bonita, acessível e pronta pra produção?

O Kolora é uma ferramenta visual (gratuita!) que te ajuda a criar, testar e exportar paletas de cores com foco em design system, acessibilidade e produtividade.

---

Por que usar o Kolora?

✅ Interface 100% visual, direto no navegador
🧠 Verificação automática de contraste (WCAG 2.1 / 3.0)
👀 Preview em componentes reais de UI (Shadcn, Ant Design, Chakra, etc)
⚙️ Exportação rápida para Tailwind, CSS Tokens, JSON e mais
🎨 Suporte a formatos de cor como HEX, HSL, OKLCH, RGB

---

Quem pode se beneficiar?

• Designers que querem visualizar a paleta em uso real
• Devs que precisam exportar cores direto pro código
• Equipes que se preocupam com acessibilidade
• Qualquer um que queira criar uma identidade visual mais consistente e funcional

---

Edit:

• Adicionei funcionalidade para exportar a paleta (Home) para:
  • Tailwind (v3 e v4)
  • CSS Variables
  • SCSS/LESS
  • JSON e
  • SVG/Figma

Como usar?

Vai neste link e brinca bastante: https://luiztux.github.io/kolora

Feito com React, Vite, Tailwind e amor por design bem feito 💜

Kolora é open source e evolui com a comunidade.

Pull requests e feedbacks são sempre bem-vindos! Vai no repo e manda ver: https://github.com/luiztux/kolora

Ainda estou implementando algumas coisas, mobile, mais features, etc.

Desde já agradeço quem leu, testou, mandou issue, etc.

👾