Barvni pretvornik
Pretvorite barve med HEX, RGB in HSL z alfa in barvno paleto.
Barvni pretvornik
Prilepite barvo v kateri koli zapis, ki ga razume CSS – #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) – in drugi dve se vrneta takoj. Kratek heks, kot je #f00, je razširjen, vodilna zgoščena vrednost je izbirna, tako stara skladnja z vejicami kot novejša skladnja za presledke se prebereta, ne da bi vam povedali, katero ste uporabili. Vstavite eno barvo na vrstico in celotna paleta se pretvori naenkrat, kar je natanko tisto, kar želite, ko pride predaja dizajna kot stolpec šestnajstiških kod in je vaša tabela slogov napisana v HSL.
Alpha preživi potovanje, kakor koli ga napišete: rgba(59, 130, 246, 0,5), rgb(59 130 246 / 50%) in 8-mestni hex #3b82f680 vsi opisujejo isto polprosojno modro barvo in vsaka se pretvori v druge. Izklopite možnost »Ohrani alfa kanal«, ko želite samo neprozorno barvo. Meni za izhodni format zoži rezultat samo na hex, RGB ali HSL — priročno za sezname v velikem obsegu — meni s sintakso pa se odloči med rgb(255, 0, 0) in rgb(255 0 0 / 0,5), tako da se tisto, kar kopirate, prilepi naravnost v kodno zbirko, ki jo že imate. Velike črke hex so eno potrditveno polje stran.
Vklopite paleto odtenkov in vsaka barva dobi tabelo svetlejših in temnejših različic, enakomerno pomešanih proti beli in proti črni. To je hiter način za pridobivanje stanj lebdenja, obrob in onemogočenih slogov iz ene barve blagovne znamke, ne da bi odprli orodje za oblikovanje. Izberite enega do osem korakov na stran; osnovna barva je na sredini pri 0 %.
Vse teče v vašem brskalniku – brez nalaganja, brez povratnega obiska strežnika, brez računa. Neobjavljene barve blagovne znamke ostanejo na vašem računalniku. Vrstice, ki niso barve, ostanejo na mestu kot komentar CSS in se štejejo v seštevek, tako da ena tipkarska napaka nikoli ne skrije preostalega dolgega seznama. Poimenovane barve CSS, kot je rebeccapurple, niso podprte; najprej jih pretvorite v hex.