Konverter boja
Pretvorite boje između HEX, RGB i HSL, s alfa i paletom nijansi.
Konverter boja
Zalijepite boju u bilo koju notaciju koju CSS razumije — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) — a druge dvije se odmah vraćaju. Kratki hex kao što je #f00 je proširen, vodeći hash nije obavezan, a i stara sintaksa zareza i novija sintaksa razmaka se čitaju bez da vam se kaže koju ste upotrijebili. Stavite jednu boju po retku i cijela se paleta pretvara odjednom, što je upravo ono što želite kada predaja dizajna stigne kao stupac heksadecimalnih kodova, a vaša lista stilova napisana je u HSL-u.
Alpha preživi putovanje kako god da ga napišete: rgba(59, 130, 246, 0.5), rgb(59 130 246 / 50%) i 8-znamenkasti hex #3b82f680 svi opisuju istu poluprozirnu plavu boju i svaka se pretvara u drugu. Isključite "Zadrži alfa kanal" kada želite samo neprozirnu boju. Izbornik izlaznog formata sužava rezultat samo na hex, RGB ili HSL — što je zgodno za skupne popise — a izbornik sintakse odlučuje između rgb(255, 0, 0) i rgb(255 0 0 / 0.5), tako da ono što kopirate zalijepi izravno u bazu koda koju već imate. Velika heksadecimalna slova udaljena su jedan potvrdni okvir.
Uključite paletu nijansi i svaka boja dobiva tablicu svjetlijih i tamnijih varijanti, ravnomjerno pomiješanih prema bijeloj i prema crnoj. To je brz način za izvođenje lebdećih stanja, obruba i onemogućenih stilova iz jedne boje marke bez otvaranja alata za dizajn. Odaberite jedan do osam koraka po strani; osnovna boja nalazi se u sredini na 0%.
Sve radi u vašem pregledniku — nema prijenosa, povratnog putovanja poslužitelja, nema računa. Neobjavljene boje marke ostaju na vašem računalu. Linije koje nisu boje ostavljaju se na mjestu kao CSS komentar i ubrajaju se u zbroj, tako da jedna tipfelerska pogreška nikada ne sakrije ostatak dugog popisa. Imenovane CSS boje kao što je rebeccapurple nisu podržane; prvo ih pretvorite u hex.