HEX, RGB, HSL i colors CSS
HEX, RGB i HSL cobreixen la majoria dels fluxos de treball quotidians de navegador, disseny i frontend.
La conversió ràpida et permet enganxar un valor i reutilitzar-lo a qualsevol lloc sense reescriure la sintaxi a mà.
Convertidor de colors
Converteix entre hex, RGB, HSL, OKLCH i OKLAB mentre comproves el contrast i exportes tokens preparats per a CSS.
Admet colors CSS hex, rgb(), hsl(), oklch(), oklab() i amb nom.
Color actual
#953769
Color de primer pla suggerit
#FFFFFF
Color complementari
#007653
Sobre la conversió de colors CSS
Els convertidors de colors t'ajuden a moure el mateix color entre HEX, RGB, HSL, OKLCH i OKLAB. Són més útils quan necessites una sortida llegible, context de contrast i valors preparats per a CSS o Tailwind.
Per què importen OKLCH i OKLAB
OKLCH i OKLAB són millors per construir escales suaus i canvis de lluminositat previsibles.
Faciliten el treball de paleta quan t'importen les rampes equilibrades i un contrast fiable.
Comprovacions de contrast i sortida per a Tailwind
Les comprovacions de contrast i la sortida preparada per a frameworks converteixen un convertidor en una eina d'UI pràctica.
Pots passar més ràpidament d'un color d'entrada a opcions de text accessibles i tokens compatibles amb Tailwind.
Preguntes freqüents
Respostes sobre els formats de color compatibles, quan cal utilitzar espais perceptius com OKLCH i com s'han d'interpretar les sortides de contrast i Tailwind.
Altres eines
Explora cada pàgina d'eina dedicada des del centre de la pàgina inicial o des del selector centrat de la capçalera.
Imatges
Convertidor WebP
Converteix fins a 10 imatges JPEG, PNG o WebP a WebP amb predefinicions de qualitat i descàrregues ZIP.
Obre Convertidor WebP
Recursos
Generador de favicon / icones d'app
Puja una sola imatge d'origen quadrada i genera un paquet de favicon amb icones d'app i un manifest web inicial.
Obre Generador de favicon
Formats de dades
Convertidor JSON / YAML / TOML
Valida, dona format, minifica i converteix JSON, YAML i TOML amb avisos de compatibilitat clars.
Obre JSON / YAML / TOML
Formats de dades
Validador CSV
Valida fitxers CSV i files enganxades amb detecció de delimitadors, comprovacions de capçalera, llistes d'incidències i vistes prèvies analitzades.
Obre Validador CSV
Text
Case / Slug / Escape
Converteix text a camelCase, snake_case, kebab-case, PascalCase, slugs i formes habituals d'escapat.
Obre Case / Slug / Escape
Text
Validador i vista prèvia de Markdown
Valida l'estructura de Markdown, previsualitza la sortida renderitzada i detecta problemes d'autoria habituals abans de publicar.
Obre Validador de Markdown