Preskoči na glavni sadržaj
Converty

Konverter boja

Pretvarajte između hex, RGB, HSL, OKLCH i OKLAB formata uz provjeru kontrasta i izvoz CSS tokena.

Podržava hex, rgb(), hsl(), oklch(), oklab() i imenovane CSS boje.

Trenutna boja

#953769

Predložena boja prednjeg plana

#FFFFFF

Komplementarna boja

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwind tema
Generirajte kompletnu brend paletu za Tailwind CSS 4 ili 3 iz trenutne boje.
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 varijable

O CSS konverziji boja

Konverteri boja pomažu da istu boju prebacite između HEX, RGB, HSL, OKLCH i OKLAB formata. Najkorisniji su kada vam trebaju čitljiv izlaz, kontekst kontrasta i vrijednosti spremne za CSS ili Tailwind.

HEX, RGB, HSL i CSS boje

HEX, RGB i HSL pokrivaju većinu svakodnevnih tokova rada u pregledniku, dizajnu i frontendu.

Brza konverzija vam omogućuje da zalijepite jednu vrijednost i koristite je svuda bez ručnog prepisivanja sintakse.

Zašto su OKLCH i OKLAB važni

OKLCH i OKLAB su bolji za pravljenje glatkih skala i predvidivih promjena svjetline.

Olakšavaju rad na paletama kada vam trebaju uravnoteženi prijelazi i pouzdan kontrast.

Provjera kontrasta i Tailwind izlaz

Provjera kontrasta i izlaz spreman za framework pretvaraju konverter u praktičan UI alat.

Brže prelazite od jedne ulazne boje do pristupačnih izbora teksta i Tailwind-friendly tokena.

Česta pitanja

Odgovori o podržanim formatima boja, kada koristiti perceptivne prostore poput OKLCH i kako tumačiti izlaze za kontrast i Tailwind.

Ostali alati

Pregledajte svaku posebnu stranicu alata sa početne stranice ili iz centralnog birača u zaglavlju.

Slike

WebP konverter

Pretvorite do 10 JPEG, PNG ili WebP slika u WebP uz presete kvalitete i ZIP preuzimanja.

Otvori WebP konverter

Asseti

Generator favicona / ikona aplikacije

Prenesite jednu kvadratnu izvornu sliku i generirajte favicon paket s ikonama aplikacije i početnim web manifestom.

Otvori Generator favicona

Formati podataka

JSON / YAML / TOML konverter

Validirajte, uredite i sažmite JSON, YAML i TOML uz jasna upozorenja o kompatibilnosti.

Otvori JSON / YAML / TOML

Formati podataka

CSV validator

Validirajte CSV datoteke i zalijepljene redove uz prepoznavanje delimitera, provjeru zaglavlja, liste problema i parsirane preglede.

Otvori CSV validator

Tekst

Case / Slug / Escape

Pretvarajte tekst u camelCase, snake_case, kebab-case, PascalCase, slugove i uobičajene escape oblike.

Otvori Case / Slug / Escape

Tekst

Markdown validator i pregled

Validirajte strukturu Markdowna, pregledajte renderirani izlaz i uhvatite uobičajene probleme u pisanju prije objave.

Otvori Markdown validator