Hotpink

Chaque couleur nommée du Web a une particularité ou une histoire à raconter.

Hotpink vous permet de voyager au pays des couleurs web nommées, découvrir des teintes originales et leur histoire, et organiser et créer des palettes stylées.

🌟 Les couleurs nommées ?

Historiquement au nombre de 16 couleurs en CSS1, la liste a été enrichie au fil des années pour atteindre aujourd'hui 148 couleurs nommées officielles (comme "hotpink", "peachpuff", "rebeccapurple"…) et reconnues par les navigateurs web. Hotpink vous permet de les trouver, de découvrir leurs particularités et de trouver des couleurs similaires en quelques clics.

🔍 Recherche intelligente

• Recherche par nom : Tapez le nom d'une couleur et l'autocomplétion vous suggère les couleurs correspondantes
• Recherche par teinte : Utilisez le curseur de teinte pour filtrer les couleurs selon leur tonalité (rouge, bleu, vert, etc.)
• Filtres originaux : Découvrez des sélections spéciales comme les couleurs comestibles, les noms les plus courts/longs, les plantes ou les minéraux
• Recherche par image : Chargez une image et découvrez la couleur dominante qui la compose ainsi que les couleurs nommées proches

🎯 Exploration des couleurs

• Couleurs similaires : Quand vous sélectionnez une couleur, découvrez automatiquement les couleurs proches par teinte, luminosité ou saturation
• Informations détaillées : Pour chaque couleur, visualisez :
  • Son nom
  • Son histoire, sa particularité ou son origine
  • Son code hexadécimal (ex: #FF69B4) ou OKLCH (format moderne)
  • Son taux de contraste combiné avec un texte noir ou blanc
  • Un aperçu visuel avec un contraste de texte optimal

⭐ Favoris

• Enregistrez vos couleurs préférées pour y accéder rapidement
• Vos favoris sont sauvegardés localement dans votre navigateur

🎨 Palettes

• Explorez des palettes d'inspiration pour vos maquettes graphiques

🎮 Le Jeu des couleurs !

Le jeu du Quiz des couleurs vous permet de tester vos connaissances des couleurs CSS nommées. Retrouvez les 10 couleurs proposées parmi six choix possibles.

🤝 Les outils Alsacréations

Cet outil fait partie d'un écosystème de services et bonnes pratiques CSS, les ressources suivantes vous seront sans doute aussi utiles qu'à nous !

• Kiwipedia : les Guidelines de l'agence Alsacréations.
• Reset : le reset CSS employé chez nous.
• Bretzel : Layouts réutilisables et utilitaires.
• Spätzi : Testez et corrigez vos contrastes de couleurs non accessibles.
• Hotpink : Encyclopédie des couleurs CSS nommées.
• KNACSS : styles modernes et accessibles pour les éléments HTML natifs courants.
• Schnapsit : Lorem Ipsum alsacien.
• MyDevice : Taille, résolution et infos de votre device.
• UniClaude : Explorateur de caractères Unicode.
• Quetsche : Compression d'images. Simple. Basique.