Liigu põhisisu juurde
Converty

Värvikonverter

Teisenda hex-i, RGB, HSL-i, OKLCH-i ja OKLAB-i vahel, kontrolli kontrasti ja ekspordi CSS-iks valmis tokeneid.

Toetab hex-, rgb(), hsl(), oklch(), oklab() ja nimetatud CSS-värve.

Praegune värv

#953769

Soovitatud esiplaan

#FFFFFF

Komplementaarvärv

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwindi teema
Loo praegusest värvist täielik brändipalett Tailwind CSS 4 või 3 jaoks.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
CSS-muutujad

CSS-värvide teisenduse kohta

Värviteisendajad aitavad sul viia sama värvi HEX-i, RGB, HSL-i, OKLCH-i ja OKLAB-i vahel. Neist on enim kasu siis, kui vajad loetavat väljundit, kontrasti konteksti ja CSS-i või Tailwindi jaoks valmis väärtusi.

HEX, RGB, HSL ja CSS-värvid

HEX, RGB ja HSL katavad enamiku igapäevastest brauseri-, disaini- ja frontendi töövoogudest.

Kiire teisendus laseb sul ühe väärtuse kleepida ja seda käsitsi süntaksit ümber kirjutamata kõikjal taaskasutada.

Miks OKLCH ja OKLAB on olulised

OKLCH ja OKLAB sobivad paremini sujuvate skaalade ja etteaimatavate heledusmuutuste loomiseks.

Need teevad paletitöö lihtsamaks, kui pead oluliseks tasakaalustatud skaalasid ja usaldusväärset kontrasti.

Kontrastikontroll ja Tailwindi väljund

Kontrastikontroll ja raamistikule valmis väljund muudavad konverteri praktiliseks UI-tööriistaks.

Nii liigud ühest sisendvärvist kiiremini ligipääsetavate tekstivalikute ja Tailwindi jaoks sobivate tokeniteni.

Korduma kippuvad küsimused

Vastused toetatud värvivormingute, tajupõhiste ruumide nagu OKLCH kasutamise ja selle kohta, kuidas kontrasti- ja Tailwindi väljundeid tõlgendada.

Muud tööriistad

Sirvi kõiki eraldi tööriistalehti avalehe keskuse või keskele joondatud päise valija kaudu.

Pildid

WebP konverter

Teisenda kuni 10 JPEG-, PNG- või WebP-pilti WebP-ks kvaliteedipresettide ja ZIP-allalaadimistega.

Ava WebP konverter

Varad

Faviconi / rakenduse ikooni generaator

Laadi üles üks ruudukujuline lähtepilt ja genereeri faviconi pakett rakenduse ikoonide ning starter web manifestiga.

Ava Faviconi generaator

Andmevormingud

JSON / YAML / TOML konverter

Valideeri, vorminda, minimeeri ja teisenda JSON-i, YAML-i ja TOML-i koos selgete ühilduvushoiatustega.

Ava JSON / YAML / TOML

Andmevormingud

CSV valideerija

Valideeri CSV-faile ja kleebitud ridu eraldaja tuvastuse, päisekontrolli, probleemiloendite ja parsitud eelvaadetega.

Ava CSV valideerija

Tekst

Case / Slug / Escape

Teisenda tekst camelCase'iks, snake_case'iks, kebab-case'iks, PascalCase'iks, slugideks ja levinud escape-vormideks.

Ava Case / Slug / Escape

Tekst

Markdowni valideerija ja eelvaade

Valideeri Markdowni struktuuri, eelvaata renderdatud väljundit ja leia levinud kirjutamisprobleemid enne avaldamist.

Ava Markdowni valideerija