Färgomvandlare
Konvertera färger mellan HEX, RGB och HSL, med alfa och en nyanspalett.
Färgomvandlare
Klistra in en färg i valfri notation som CSS förstår — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) - och de andra två kommer tillbaka direkt. Kort hex som #f00 utökas, den inledande hashen är valfri, och både den gamla kommasyntaxen och den nyare blankstegssyntaxen läses utan att veta vilken du använde. Lägg en färg per rad och en hel palett konverteras på en gång, vilket är precis vad du vill när en designhand-off kommer som en kolumn med hexadecimalkoder och din stilmall är skriven i HSL.
Alpha överlever resan hur du än skriver det: rgba(59, 130, 246, 0.5), rgb(59 130 246 / 50%) och den 8-siffriga hexen #3b82f680 beskriver alla samma halvtransparenta blå, och var och en konverterar till den andra. Stäng av "Keep alpha channel" när du bara vill ha den ogenomskinliga färgen. Utdataformatmenyn begränsar resultatet till enbart hex, RGB eller HSL - praktiskt för bulklistor - och syntaxmenyn bestämmer mellan rgb(255, 0, 0) och rgb(255 0 0 / 0.5), så det du kopierar klistras in direkt i kodbasen du redan har. Versaler hex är en kryssruta bort.
Slå på nyanspaletten och varje färg får en tabell med ljusare och mörkare varianter, blandade jämnt mot vitt och mot svart. Det är ett snabbt sätt att härleda svävande tillstånd, gränser och inaktiverade stilar från en varumärkesfärg utan att öppna ett designverktyg. Välj ett till åtta steg per sida; basfärgen sitter i mitten på 0%.
Allt körs i din webbläsare - ingen uppladdning, ingen server tur och retur, inget konto. Osläppta märkesfärger stannar kvar på din maskin. Rader som inte är färger lämnas på plats som en CSS-kommentar och räknas i räkningen, så ett stavfel döljer aldrig resten av en lång lista. Namngivna CSS-färger som rebeccapurple stöds inte; konvertera dem till hex först.