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.

Systèmes de Couleurs

Palettes de couleurs prêtes pour votre prochain projet

Par Couleur Combinaisons de Couleurs Par Cas d'Usage Par Style Pour Frameworks

Générez par cas d'utilisation

🌐

Site web

Palette optimisée pour landing pages et sites

Explore →

🎨

Marque

Identité visuelle et directives de marque

Explore →

⚡

UI / App

Design tokens pour dashboards et composants

Explore →

Par Couleur

Système de Couleurs Bleu

#3B82F6

Voir le système →

Système de Couleurs Vert

#22C55E

Voir le système →

Système de Couleurs Rouge

#EF4444

Voir le système →

Système de Couleurs Violet

#8B5CF6

Voir le système →

Système de Couleurs Orange

#F97316

Voir le système →

Système de Couleurs Rose

#EC4899

Voir le système →

Système de Couleurs Sarcelle

#14B8A6

Voir le système →

Système de Couleurs Jaune

#EAB308

Voir le système →

Système de Couleurs Indigo

#6366F1

Voir le système →

Système de Couleurs Cyan

#06B6D4

Voir le système →

Combinaisons de Couleurs

Système de Couleurs pour Bleu et Orange

#3B82F6 + #F97316

Voir le système →

Système de Couleurs pour Noir et Or

#1A1A1A + #D4AF37

Voir le système →

Système de Couleurs pour Violet et Rose

#8B5CF6 + #EC4899

Voir le système →

Système de Couleurs pour Vert et Bleu

#22C55E + #3B82F6

Voir le système →

Système de Couleurs pour Rouge et Noir

#EF4444 + #1A1A1A

Voir le système →

Par Cas d'Usage

Système de Couleurs pour Tableau de bord SaaS

#6366F1

Voir le système →

Système de Couleurs pour Panneau d'Administration

#3B82F6

Voir le système →

Système de Couleurs pour E-commerce

#22C55E

Voir le système →

Système de Couleurs pour Portfolio

#8B5CF6

Voir le système →

Système de Couleurs pour Landing Page Startup

#F97316

Voir le système →

Système de Couleurs pour UI Fintech

#10B981

Voir le système →

Système de Couleurs pour App Santé

#14B8A6

Voir le système →

Système de Couleurs pour App de Livraison

#EF4444

Voir le système →

Système de Couleurs pour Plateforme Éducative

#8B5CF6

Voir le système →

Système de Couleurs pour UI Gaming

#00FF88

Voir le système →

Système de Couleurs pour Blog et Magazine

#F59E0B

Voir le système →

Système de Couleurs pour Palette de Couleurs pour Site Web

#3B82F6

Voir le système →

Système de Couleurs pour Palette de Couleurs pour Branding

#8B5CF6

Voir le système →

Système de Couleurs pour Meilleures Couleurs pour App Mobile

#06B6D4

Voir le système →

Système de Couleurs pour Palette de Couleurs pour Design de Logo

#EF4444

Voir le système →

Système de Couleurs pour Meilleur Système de Couleurs pour Dashboard SaaS

#6366F1

Voir le système →

Par Style

Système de Couleurs pour Système de Couleurs Pastel

#A5B4FC

Voir le système →

Système de Couleurs pour Système de Couleurs Néon

#00FF88

Voir le système →

Système de Couleurs pour Générateur de Thème Sombre

#6366F1

Voir le système →

Système de Couleurs pour Palette Minimaliste

#64748B

Voir le système →

Système de Couleurs pour Palette de Couleurs Chaudes

#F59E0B

Voir le système →

Système de Couleurs pour Palette de Couleurs Froides

#0EA5E9

Voir le système →

Système de Couleurs pour Palette de Couleurs Moderne 2026

#6366F1

Voir le système →

Système de Couleurs pour Palette de Couleurs Esthétique

#C4B5FD

Voir le système →

Système de Couleurs pour Inspiration Palette de Couleurs

#F472B6

Voir le système →

Système de Couleurs pour Hex vers Système de Couleurs

#3B82F6

Voir le système →

Système de Couleurs pour Comment Créer un Mode Sombre avec Variables CSS

#8B5CF6

Voir le système →

Système de Couleurs pour Exemple de Tokens de Couleur Sémantiques

#3B82F6

Voir le système →

Système de Couleurs pour Générateur de Système de Couleurs Accessible

#14B8A6

Voir le système →

Système de Couleurs pour Générateur de Palette pour Développeurs

#6366F1

Voir le système →

Système de Couleurs pour Système de Couleurs avec CSS Custom Properties

#3B82F6

Voir le système →

Système de Couleurs pour Système de Couleurs UI — Pas Besoin de Design

#8B5CF6

Voir le système →

Système de Couleurs pour D'une Couleur à une Palette Complète

#EF4444

Voir le système →

Pour Frameworks

Système de Couleurs pour Palette Tailwind CSS

#06B6D4

Voir le système →

Système de Couleurs pour Tokens de Design React

#61DAFB

Voir le système →

Système de Couleurs pour Couleurs de Thème Next.js

#000000

Voir le système →

Système de Couleurs pour Thème de Couleurs shadcn/ui

#18181B

Voir le système →

Système de Couleurs pour Générateur de Tokens de Design Couleur

#6366F1

Voir le système →

Système de Couleurs pour Thème de Couleurs Vue.js

#42B883

Voir le système →

Système de Couleurs pour Figma vers Variables CSS Couleur

#A259FF

Voir le système →

Système de Couleurs pour Système de Couleurs pour Tailwind

#06B6D4

Voir le système →

Outils Gratuits

♿

Vérificateur de Contraste

Vérifiez si vos couleurs respectent les directives WCAG AA et AAA

Arrêtez d'ajuster les couleurs — générez votre système instantanément

Générer mon système de couleurs