Slop Colors · gratuit, dans votre navigateur

Générer une palette de couleurs à partir d’une couleur

Partez de la couleur de votre marque. Slop Colors crée ses harmonies, ses teintes, nuances et tons, et une gamme de 50 à 950, puis exporte celle que vous choisissez en code ou en fichier de nuanciers.

Générer une palette

Comment faire

1. Saisissez votre couleur dans le panneau (HEX, RGB, HSL, OKLCH ou CMJN), ou prélevez-la sur une image.
2. Sous Créée à partir de cette couleur, choisissez une Harmonie à côté de la roue chromatique (complémentaires, analogues, triadiques, complémentaires dédoublées, tétradiques, carrées, monochromes, nuances ou personnalisée) et la roue RVB, RYB ou OKLCH.
3. Faites glisser les poignées sur la roue : les autres suivent l’harmonie ; en Personnalisée, chacune bouge seule. Les flèches déplacent une poignée sélectionnée.
4. Cliquez sur Utiliser comme palette sous la rangée qui vous plaît, ou choisissez des couleurs isolées et cliquez sur Ajouter cette couleur.
5. Nommez la palette et choisissez le format sous Exporter : variables CSS, configuration Tailwind, JSON, Adobe .ase ou GIMP .gpl.
6. Cliquez sur Télécharger la palette, Copier le code, ou Enregistrer dans Slop Drive….

Vos fichiers restent sur cet appareil : Slop Colors tourne dans votre navigateur, sans envoi, sans compte et sans filigrane.

Questions

Qu’est-ce que la roue RYB ?

La roue rouge-jaune-bleu des peintres, telle qu’Adobe Color la propose : là, le complémentaire du rouge est le vert, et celui du bleu l’orange. La roue RVB est celle de l’écran, et OKLCH garde la luminosité constante quand la teinte tourne.

Comment la gamme est-elle construite ?

La teinte est conservée et la luminosité passe de 97 % à 22 % en OKLCH, avec moins de chroma près du blanc et du noir. Votre couleur se place sur l’échelon le plus proche.

Puis-je ouvrir la palette dans Photoshop ou Illustrator ?

Oui. Exportez-la au format Adobe Swatch Exchange (.ase) et chargez-la dans le panneau Nuanciers. GIMP et Inkscape lisent le fichier .gpl.

Mes palettes sont-elles conservées ?

La palette affichée reste enregistrée dans ce navigateur. Enregistrer dans Slop Drive garde un fichier que vous pouvez rouvrir ici.

Plus avec Slop Colors

• Vérifier le contraste des couleurs selon WCAG
• Prélever des couleurs sur une image
• Convertir HEX en RGB, HSL, OKLCH ou CMJN

Applications liées

• PhotoSlop
  En ligne
  Photoshop, refait pour le navigateur.
• SlopVector
  En ligne
  Illustrator, refait pour le navigateur.
• SlopIsolate
  Bêta
  Supprimez les arrière-plans avec une IA qui tourne sur votre appareil.