Färgomvandlare

Ange ett CSS-färgvärde (till exempel #ff6600 eller ff6600) och förhandsgranskningen nedan visar den färgen.

Ange CSS-färgkod

Ett färgprov kommer att visas här

HEX

—

RGB

—

RGBA

—

HSL

—

HSLA

—

CSS input

—

Varför använda en online CSS-färgkontroll?

Detta verktyg hjälper dig att snabbt visualisera alla CSS-färgvärden direkt i din webbläsare. Du kan klistra in koder från ett designsystem, stilguide eller layout och direkt se hur de ser ut på skärmen.

Använd den när du förbereder stilar för en webbplats, matchar varumärkesfärger eller felsöker befintliga layouter. Checkern stöder alla standard CSS-format, inklusive HEX, RGB, RGBA, HSL och namngivna färger.

✓ Förhandsgranska CSS-färger innan du använder dem i stilmallar eller designsystem.

✓ Kontrollera HEX, RGB, RGBA, HSL och namngivna färgvärden på ett ställe.

✓ Användbar för att matcha varumärkesfärger och felsöka befintliga layouter.

✓ Klistra in ett färgvärde och se provet direkt i webbläsaren.

✓ Använd förhandsgranskningsrutan för att se till att den analyserade färgen matchar den avsedda nyansen.

✓ Konverteraren hjälper till när du kopierar färger mellan CSS, designverktyg och dokumentation.