Konvertálj hex, RGB, HSL, OKLCH és OKLAB között kontrasztellenőrzéssel és CSS-kész tokenek exportálásával.
Támogatott: hex, rgb(), hsl(), oklch(), oklab() és névvel ellátott CSS-színek.
Aktuális szín
#953769
Javasolt előtér
#FFFFFF
Komplementer szín
#007653
A színkonvertálók segítenek ugyanazt a színt HEX, RGB, HSL, OKLCH és OKLAB között mozgatni. Akkor a leghasznosabbak, ha olvasható kimenetre, kontrasztkörnyezetre és CSS-hez vagy Tailwindhez kész értékekre van szükség.
A HEX, RGB és HSL lefedi a legtöbb mindennapi böngészős, dizájn- és frontend-munkafolyamatot.
A gyors konvertálás lehetővé teszi, hogy beillessz egy értéket, majd bárhol újrahasználd anélkül, hogy kézzel átírnád a szintaxist.
Az OKLCH és az OKLAB jobb sima skálák és kiszámítható fényességváltozások építéséhez.
Megkönnyítik a palettamunkát, ha kiegyensúlyozott átmenetek és megbízható kontraszt számít.
A kontrasztellenőrzések és a keretrendszerhez kész kimenet gyakorlati UI-eszközzé teszik a konvertálót.
Gyorsabban juthatsz el egy bemeneti színtől az akadálymentesen olvasható szövegválasztásokig és a Tailwind-barát tokenekig.
Válaszok a támogatott színformátumokról, arról, mikor érdemes perceptuális színtereket, például OKLCH-t használni, és hogyan kell értelmezni a kontraszt- és Tailwind-kimeneteket.
Böngészd az összes külön eszközoldalt a kezdőlap központjából vagy a középre igazított fejlécválasztóból.
Képek
Konvertálj legfeljebb 10 JPEG-, PNG- vagy WebP-képet WebP-vé minőségi presetekkel és ZIP-letöltésekkel.
Assetek
Tölts fel egy négyzetes forrásképet, és generálj favicon-csomagot appikonokkal és induló web manifesttel.
Adatformátumok
Validálj, formázz, minify-olj és konvertálj JSON-t, YAML-t és TOML-t világos kompatibilitási figyelmeztetésekkel.
Adatformátumok
Validálj CSV-fájlokat és beillesztett sorokat elválasztófelismeréssel, fejlécellenőrzéssel, problémalistákkal és parse-olt előnézetekkel.
Szöveg
Alakíts szöveget camelCase, snake_case, kebab-case, PascalCase, slug és gyakori escapelt formákra.
Szöveg
Validáld a Markdown-szerkezetet, nézd meg a renderelt kimenetet, és kapd el a gyakori szerzői problémákat publikálás előtt.