Question 1

What is getcolors.dev?

Accepted Answer

getcolors.dev is a tool that generates a complete color system from a single hex color. You get a visual preview, dark/light mode, CSS variables and ready-to-use code.

Question 2

How much does getcolors.dev cost?

Accepted Answer

getcolors.dev costs $5 USD (or R$9.90 in Brazil) as a one-time payment. No subscription, no recurring fees.

Question 3

What do I get when I pay?

Accepted Answer

You get a complete color system with all CSS variables, dark/light mode tokens, an example HTML file, and a full visual preview of all component states.

Question 4

Can I use Cores with Tailwind CSS?

Accepted Answer

Yes. Cores generates standard CSS custom properties (variables) that work with any framework including Tailwind CSS, React, Vue, and plain HTML/CSS.

Question 5

Does Cores support dark mode?

Accepted Answer

Yes. Every color system includes both dark and light mode tokens, automatically generated from your chosen base color.

Por Cor

Sistema de Cores Azul

Sistema de Cores Verde

Sistema de Cores Vermelho

Sistema de Cores Roxo

Sistema de Cores Laranja

Sistema de Cores Rosa

Sistema de Cores Teal

Sistema de Cores Amarelo

Sistema de Cores Índigo

Sistema de Cores Ciano

Combinações de Cores

Sistema de Cores para Azul e Laranja

Sistema de Cores para Preto e Dourado

Sistema de Cores para Roxo e Rosa

Sistema de Cores para Verde e Azul

Sistema de Cores para Vermelho e Preto

Por Caso de Uso

Sistema de Cores para Dashboard SaaS

Sistema de Cores para Painel Admin

Sistema de Cores para E-commerce

Sistema de Cores para Portfólio

Sistema de Cores para Landing Page de Startup

Sistema de Cores para UI Fintech

Sistema de Cores para App de Saúde

Sistema de Cores para App de Delivery

Sistema de Cores para Plataforma de Ensino

Sistema de Cores para UI de Games

Sistema de Cores para Blog e Magazine

Por Estilo

Sistema de Cores para Sistema de Cores Pastel

Sistema de Cores para Sistema de Cores Neon

Sistema de Cores para Gerador de Dark Theme

Sistema de Cores para Paleta de Cores Minimalista

Sistema de Cores para Paleta de Cores Quentes

Sistema de Cores para Paleta de Cores Frias

Para Frameworks

Sistema de Cores para Paleta de Cores Tailwind CSS

Sistema de Cores para Design Tokens para React

Sistema de Cores para Cores de Tema Next.js

Ferramentas Gratuitas

Verificador de Contraste

Crie seu próprio sistema de cores