HeronTool
Français▾
Connexion
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Accueil › Ressources design › OKLCH Color Picker

OKLCH Color Picker

Pick colors in perceptually uniform OKLCH and get HEX, RGB, HSL fallbacks.

Couleur Palette CSS
HEX—
RGB—
HSL—
CSS—

Comment utiliser

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Cas d'usage

Pick colors in perceptually uniform OKLCH and get HEX, RGB, HSL fallbacks.

Rien n'est téléversé — tout est traité localement dans votre navigateur.

Commentaire / Signaler / Mes annotations

Veuillez vous connecter d'abord — Connexion

Veuillez vous connecter d'abord — Connexion

Veuillez vous connecter d'abord — Connexion

Outils connexes
Générateur de dégradés Générez des dégradés CSS linéaires/radiaux avec aperçu en direct. Dégradé Aperçu de polices Saisissez du texte et changez de police pour un aperçu en direct. Police Recherche d'icônes Recherchez les icônes Tabler et copiez leur SVG en un clic. Icône Générateur de palettes Construisez une palette harmonieuse (analogique/complémentaire) à partir d'une couleur de base. Palette Générateur de maquettes Glissez une URL ou une capture d'écran dans un cadre de maquette d'appareil. Mockup Contraste des couleurs Vérifiez le contraste WCAG du texte sur un fond. Contraste Générateur box-shadow Construisez visuellement une box-shadow CSS. Ombre Générateur text-shadow Construisez une text-shadow CSS. Ombre