Hitta färgnamn

Stöder #RGB, #RGBA, #RRGGBB, #RRGGBBAA, heltal i rgb()/rgba() och procentvärden i hsl()/hsla().

Ange en färg som HEX, RGB eller HSL för att hitta närmaste standardiserade namngivna CSS-färg. Du får även normaliserade HEX-, RGB-, HSL- och CIELAB-värden samt CIEDE2000-skillnaden. Allt beräknas i webbläsaren. I stegläget finns den angivna färgen i sidans URL och skickas till servern med sidbegäran; matchningen beräknas fortfarande endast i webbläsaren.

Så hittar du ett CSS-färgnamn

  1. 1

    Ange en färg

    Använd textfältet eller färgväljaren. Strikt HEX, RGB-heltal och HSL-procent stöds.

  2. 2

    Validera och normalisera

    Värdet kontrolleras och omvandlas till sRGB, HSL och CIELAB med D65-vitpunkt.

  3. 3

    Jämför CSS-namn

    CIEDE2000 jämför den ogenomskinliga RGB-färgen med alla standardiserade namngivna CSS-färger.

  4. 4

    Granska eller kopiera

    Jämför färgrutorna, läs värdena och kopiera resultatet.

Om resultatet

CSS har en fast lista namngivna färger, till exempel tomato, cornflowerblue och rebeccapurple. Om inmatningen inte är exakt visas närmaste namn och dess kanoniska HEX-värde. Likvärdiga alias som aqua och cyan visas tillsammans.

Jämförelsen omvandlar sRGB till CIELAB med D65-vitpunkt och använder CIEDE2000. Värdet 0 är en exakt RGB-träff. Kort och lång HEX, rgb()/rgba() med heltal samt hsl()/hsla() med procent stöds.

Alfa bevaras i åttasiffrig HEX men påverkar inte namnet. Verktyget söker inte i Pantone-, färg-, krit- eller communityregister och läser inte bilder. Kontrollera WCAG-kontrast separat för tillgänglighet.

Vanliga frågor

Bara när CIEDE2000-skillnaden är 0. Annars är det närmaste standardiserade namngivna CSS-färg.

CSS innehåller alias med samma RGB, som aqua och cyan. Lika träffar visas tillsammans.

Nej. Alfa bevaras i normaliserad HEX men tas inte med i jämförelsen.

Nej. Använd kontrastkontrollen för att testa text och bakgrund mot WCAG-gränser.

Relaterade verktyg