DevToolbox
Menu
Accueil
CSS / Styling
Design System GeneratorColor Palette GeneratorNewTailwind Class SorterNewSVG Optimizer & ViewerNewBreakpoint VisualizerNewCSS Unit ConverterNew
Backend
Prisma Schema → MCDJSON → TypeScriptNewSQL FormatterNewRegex Tester & ExplainerNewCron Expression BuilderNewENV File ValidatorNewChmod CalculatorNew
Cybersécurité
Hash GeneratorNewJWT DecoderNewPassword AnalyzerNewCSP Header BuilderNewRate Limiter GeneratorNewEncoder / DecoderNewSecurity Headers CheckerNewCORS Header BuilderNewSSL Certificate InspectorNew
Utilitaires Dev
UUID/ULID GeneratorNewTimestamp ConverterNewHTTP Status CodesNewDiff ViewerNewMarkdown PreviewNewLorem Ipsum GeneratorNewBase ConverterNewJSON FormatterNewIcon Libraries ComparatorNew

DevToolbox - Built with Next.js and shadcn/ui.

À proposGitHub

Generateur de palette de couleurs

Generez des palettes harmonieuses avec verification de contraste WCAG.

Configuration
Choisissez une couleur de base et un type d'harmonie.
Verificateur de contraste
Cliquez sur 2 couleurs de la palette pour verifier le contraste.
---
vs
---
Export CSS
:root {
  --color-complementary-1: #3c83f6;
  --color-complementary-2: #f6af3c;
}
Palette Complementaire
Cliquez sur une couleur pour la selectionner dans le verificateur de contraste.
#3c83f6

HSL(217, 91%, 60%)

RGB(60, 131, 246)

#f6af3c

HSL(37, 91%, 60%)

RGB(246, 175, 60)