Ange ett CSS-färgvärde, till exempel #ff6600, ff6600, rgb(255 102 0) eller hsl(24 100% 50%). Verktyget visar färgen och konverterar den till vanliga CSS-format.
Opak bakgrund används för att beräkna kontrast med en transparent färg. Det ändrar jämförelsebakgrunden, inte färgen du angav.
Värden löses i den här webbläsaren till sRGB. Kontextberoende färger som currentColor, var() och systemfärger accepteras inte. Funktionerna för brett spektrum och CSS Färg 4 ligger utanför verktygets indataformat som stöds. Transparens bevaras i RGBA, HSLA och alfa HEX. RGB och HSL utelämnar alfa. Kontrasttrösklar ersätter inte en fullständig tillgänglighetsrevision.
Ange ett giltigt CSS-färgvärde.
Ingången har ändrats. Denna rapport tillhör fortfarande den senaste framgångsrika körningen.
Ett färgprov kommer att visas här
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-ingång
—
WCAG kontrastförhållande:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 är AA-tröskeln för vanlig text; 3:1 gäller endast tillräckligt stor text. 7:1 är AAA för vanlig text. En färgparskontroll fastställer inte övergripande sidtillgänglighet.
Varför använda en CSS-färgkontroll online?
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.
Snabbstart
Konvertera CSS färger och kontrollera textkontrasten över en ogenomskinlig bakgrund med alfa.
Recensioner kontrolleras före publicering. Vi publicerar genuin positiv feedback och specifik kritik. Spam och förolämpningar utan användbara detaljer publiceras inte; svordomar och personliga uppgifter är maskerade. Positiva röster räknas omedelbart; negativa röster räknas efter granskning.
Recensioner återspeglar användarnas upplevelser, inte en garanti för resultat eller en beskrivning av tjänstegränserna. Använd betygsknapparna ovan för att lämna en recension.
