01
Espace de couleur perceptuel
Travaillez avec l'espace de couleur perceptuellement uniforme d'OKLCH pour des ajustements de couleur plus prévisibles et une meilleure cohérence visuelle dans vos designs.
Free browser-based OKLCH toolkit
Suite d'Outils Couleur OKLCH
Sélecteur et convertisseur de couleurs professionnels pour l'espace colorimétrique OKLCH moderne. Conversion entre HEX, RGB, HSL, LAB et OKLCH avec aperçu temps réel et vérification de gamut.
Runs entirely in your browser
Copy-ready CSS output
Free to use, no signup
01
Pick and convert colors
Tune OKLCH, then copy HEX, RGB, HSL, LAB, or native OKLCH syntax without leaving the page.
02
Validate contrast early
Check foreground and background pairs before they become UI problems in production.
03
Check gamut and browser support
Understand sRGB, P3, Rec2020, and modern CSS Color 4 support before you ship.
Supported in Chrome 111+, Safari 15.4+, and Firefox 113+
Core Capabilities
Fonctionnalités puissantes
Outils complets conçus pour les flux de travail de couleur modernes
Start with direct manipulation, then validate palettes, contrast, gamut, and browser support as the decision becomes production-facing.
02
Conversion de couleur en temps réel
Voyez les conversions instantanées entre OKLCH, HEX, RGB, HSL et d'autres formats pendant que vous ajustez les couleurs. Aucun délai, aucune supposition.
03
Génération de palette intelligente
Générez des palettes de couleurs harmonieuses en utilisant la précision mathématique d'OKLCH. Créez des schémas de couleurs complémentaires, analogues et triadiques parfaits.
04
Conception axée sur l'accessibilité
Vérification intégrée du contraste WCAG et simulation de daltonisme garantissent que vos couleurs fonctionnent pour tout le monde, rendant la conception inclusive sans effort.
05
Code CSS prêt à copier
Obtenez du CSS prêt pour la production avec la syntaxe OKLCH moderne, les propriétés personnalisées CSS et les valeurs de repli pour une compatibilité maximale des navigateurs.
06
Intégration des outils de conception
Exportez directement les couleurs et les palettes vers Figma, Sketch, Adobe Creative Suite et les systèmes de conception populaires avec une compatibilité en un clic.
Blog Articles
En savoir plus sur OKLCH
Plongez profondément dans l'espace de couleur OKLCH avec nos guides complets et exemples interactifs
View Article LibraryStart HereFundamentals
Comprendre l'espace de couleur OKLCH
Découvrez les fondamentaux d'OKLCH et comment il se compare aux systèmes de couleur traditionnels comme RGB et HSL, avec des exemples interactifs.
Lire l'article
Fundamentals
6 min de lecture
02CSS
OKLCH dans la pratique CSS
Apprenez des techniques pratiques pour utiliser OKLCH dans votre CSS avec des exemples réels, de la syntaxe de base aux modèles avancés.
03Browser Support
Compatibilité des navigateurs 2025
Guide complet sur le support des navigateurs OKLCH, la détection de fonctionnalités et les stratégies d'amélioration progressive pour le développement web moderne.
04Palette Design
Maîtrise des palettes OKLCH
Maîtrisez l'art de créer de belles palettes de couleurs cohérentes en utilisant les avantages d'uniformité perceptuelle d'OKLCH.
Need To Know
FAQ
Questions courantes sur le sélecteur et convertisseur de couleurs OKLCH
These are the questions most visitors ask before they trust a new color workflow with production UI work.
À Propos de Ce Site
OKLCH.click est un site web d'outils gratuits pour travailler avec les couleurs OKLCH. Tous les outils fonctionnent dans votre navigateur - nous ne collectons ni ne stockons vos données de couleur. Le site est soutenu par la publicité pour rester gratuit pour tous.