What is getcolors.dev?

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.

How much does getcolors.dev cost?

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

What do I get when I pay?

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.

Can I use Cores with Tailwind CSS?

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

Does Cores support dark mode?

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

Sistemas de Colores

Paletas de colores listas para tu próximo proyecto

Por Color Combinaciones de Colores Por Caso de Uso Por Estilo Para Frameworks

Genera por caso de uso

🌐

Sitio web

Paleta optimizada para landing pages y sitios

Explore →

🎨

Marca

Identidad visual y directrices de marca

Explore →

⚡

UI / App

Design tokens para dashboards y componentes

Explore →

Por Color

Sistema de Colores Azul

#3B82F6

Ver sistema →

Sistema de Colores Verde

#22C55E

Ver sistema →

Sistema de Colores Rojo

#EF4444

Ver sistema →

Sistema de Colores Morado

#8B5CF6

Ver sistema →

Sistema de Colores Naranja

#F97316

Ver sistema →

Sistema de Colores Rosa

#EC4899

Ver sistema →

Sistema de Colores Verde azulado

#14B8A6

Ver sistema →

Sistema de Colores Amarillo

#EAB308

Ver sistema →

Sistema de Colores Índigo

#6366F1

Ver sistema →

Sistema de Colores Cian

#06B6D4

Ver sistema →

Combinaciones de Colores

Sistema de Colores para Azul y Naranja

#3B82F6 + #F97316

Ver sistema →

Sistema de Colores para Negro y Dorado

#1A1A1A + #D4AF37

Ver sistema →

Sistema de Colores para Morado y Rosa

#8B5CF6 + #EC4899

Ver sistema →

Sistema de Colores para Verde y Azul

#22C55E + #3B82F6

Ver sistema →

Sistema de Colores para Rojo y Negro

#EF4444 + #1A1A1A

Ver sistema →

Por Caso de Uso

Sistema de Colores para Dashboard SaaS

#6366F1

Ver sistema →

Sistema de Colores para Panel de Administración

#3B82F6

Ver sistema →

Sistema de Colores para E-commerce

#22C55E

Ver sistema →

Sistema de Colores para Portafolio

#8B5CF6

Ver sistema →

Sistema de Colores para Landing Page de Startup

#F97316

Ver sistema →

Sistema de Colores para UI Fintech

#10B981

Ver sistema →

Sistema de Colores para App de Salud

#14B8A6

Ver sistema →

Sistema de Colores para App de Delivery

#EF4444

Ver sistema →

Sistema de Colores para Plataforma Educativa

#8B5CF6

Ver sistema →

Sistema de Colores para UI de Juegos

#00FF88

Ver sistema →

Sistema de Colores para Blog y Revista

#F59E0B

Ver sistema →

Sistema de Colores para Paleta de Colores para Sitio Web

#3B82F6

Ver sistema →

Sistema de Colores para Paleta de Colores para Branding

#8B5CF6

Ver sistema →

Sistema de Colores para Mejores Colores para App Móvil

#06B6D4

Ver sistema →

Sistema de Colores para Paleta de Colores para Diseño de Logo

#EF4444

Ver sistema →

Sistema de Colores para Mejor Sistema de Colores para Dashboard SaaS

#6366F1

Ver sistema →

Por Estilo

Sistema de Colores para Sistema de Colores Pastel

#A5B4FC

Ver sistema →

Sistema de Colores para Sistema de Colores Neón

#00FF88

Ver sistema →

Sistema de Colores para Generador de Tema Oscuro

#6366F1

Ver sistema →

Sistema de Colores para Paleta de Colores Minimalista

#64748B

Ver sistema →

Sistema de Colores para Paleta de Colores Cálidos

#F59E0B

Ver sistema →

Sistema de Colores para Paleta de Colores Fríos

#0EA5E9

Ver sistema →

Sistema de Colores para Paleta de Colores Moderna 2026

#6366F1

Ver sistema →

Sistema de Colores para Paleta de Colores Estética

#C4B5FD

Ver sistema →

Sistema de Colores para Inspiración de Paleta de Colores

#F472B6

Ver sistema →

Sistema de Colores para Hex a Sistema de Colores

#3B82F6

Ver sistema →

Sistema de Colores para Cómo Crear Modo Oscuro con Variables CSS

#8B5CF6

Ver sistema →

Sistema de Colores para Ejemplo de Tokens de Color Semánticos

#3B82F6

Ver sistema →

Sistema de Colores para Generador de Sistema de Colores Accesible

#14B8A6

Ver sistema →

Sistema de Colores para Generador de Paleta de Colores para Desarrolladores

#6366F1

Ver sistema →

Sistema de Colores para Sistema de Colores con CSS Custom Properties

#3B82F6

Ver sistema →

Sistema de Colores para Sistema de Colores UI — Sin Necesidad de Diseño

#8B5CF6

Ver sistema →

Sistema de Colores para De Un Color a Paleta Completa

#EF4444

Ver sistema →

Para Frameworks

Sistema de Colores para Paleta de Colores Tailwind CSS

#06B6D4

Ver sistema →

Sistema de Colores para Tokens de Diseño React

#61DAFB

Ver sistema →

Sistema de Colores para Colores de Tema Next.js

#000000

Ver sistema →

Sistema de Colores para Tema de Colores shadcn/ui

#18181B

Ver sistema →

Sistema de Colores para Generador de Tokens de Diseño de Color

#6366F1

Ver sistema →

Sistema de Colores para Tema de Colores Vue.js

#42B883

Ver sistema →

Sistema de Colores para Figma a Variables CSS de Color

#A259FF

Ver sistema →

Sistema de Colores para Sistema de Colores para Tailwind

#06B6D4

Ver sistema →

Herramientas Gratuitas

♿

Verificador de Contraste

Verifica si tus colores cumplen con las pautas WCAG AA y AAA

Deja de ajustar colores — genera tu sistema al instante

Generar mi sistema de colores