⚙️
Tools Box
Créa
🎨Créa
Freemium

Colorffy

Suite d'outils pour palettes CSS, gradients, dark themes et tokens.

[!info] TL;DR : Colorffy, c'est la suite de générateurs de palettes CSS, gradients, dark/light themes et tokens cross-platform pour designers et devs.

Colorffy : générateurs CSS de palettes, gradients et thèmes

Suite d'outils online pour générer palettes, gradients, mesh gradients, dark/light themes, et exporter en variables CSS, SCSS, Tailwind, Style Dictionary, etc.

Ce que ça permet

  • Générer palettes et gradients (linéaires, mesh)
  • Créer dark et light themes complets
  • Picker une palette à partir d'image
  • Vérifier le contraste WCAG
  • Exporter en CSS variables, SCSS, Tailwind, Style Dictionary
  • Mappe des tokens vers Android, Flutter, SwiftUI, MAUI

Pour qui

  • Designers et devs qui maintiennent un design system
  • Marketers qui définissent un branding kit
  • Founders qui décident d'une palette de marque
  • Devs front qui cherchent un theme rapide

Mini-playbook

  1. Choisir 2 ou 3 couleurs principales
  2. Générer dark / light theme et tester contraste
  3. Exporter en variables CSS ou SCSS
  4. Synchroniser avec Style Dictionary si design system

Pièges

  • Suite riche mais courbe d'apprentissage réelle
  • Trop d'options peuvent disperser
  • Ne remplace pas une vraie réflexion de marque
  • Penser à tester sur du contenu réel, pas juste des swatches

Tags

  • Catégorie : 🎨 Vidéo / Audio / Image
  • Tags : Design, Utilitaire, Free, Code, Dev