Färgväljare online

Om färgväljaren online
Använd den här färgväljaren online för att välja en färg från en uppladdad bild, plocka en färg från skärmen när webbläsaren stöder det, eller ange ett färgvärde manuellt. Den valda färgen konverteras direkt till vanliga format som HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV och CMYK, så att du kan kopiera det värde du behöver utan att byta sida.

• Funktioner
Färgväljare från bild: Välj en lokal bild och för muspekaren över bilden för att förhandsvisa närliggande pixlar. Klicka på bilden för att välja den aktuella färgen.

Extrahering av bildpalett: När du har laddat upp en bild extraherar verktyget en kompakt palett med huvudfärger som kan kopieras eller användas som aktuell färg.

Justering på pixelnivå: När du har valt en färg från en bild kan du använda piltangenterna för att justera den valda pixelpositionen mer exakt.

Färgväljare från skärm: Använd webbläsarens skärmfärgväljare för att välja en färg från skärmen när funktionen stöds av din webbläsare.

Manuell färginmatning: Ange en färg manuellt med en färgväljare eller ett HEX-/HEXA-värde som #2563EB eller #2563EBFF.

Flera färgformat: Konvertera den valda färgen till HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV och CMYK.

Matchande färger: Skapa komplementfärger, analoga färger, triadiska alternativ, mjuka toningar och dämpade toner utifrån den aktuella färgen.

Toner och nyanser: Skapa en praktisk färgskala från ljust till mörkt som kan användas för bakgrunder, ramar, hover-lägen, etiketter och UI-komponenter.

Textkontrast och UI-parning: Jämför vit och svart text med WCAG-kontrast, visa ett APCA-liknande perceptuellt referensvärde och få förslag på ett mer behagligt UI-par när en färg med hög mättnad behöver en mörkare eller ljusare bakgrund.

CSS-variabler: Kopiera färdiga CSS-variabler för den aktuella färgen, ljusa och mörka varianter, läsbar textfärg samt rekommenderat UI-par för bakgrund och text.

Bearbetning i webbläsaren: Bildläsning, färgval, palettextrahering och färgkonvertering utförs direkt i webbläsaren utan att du behöver installera en separat app.

• Anmärkningar
Skärmfärgväljaren beror på webbläsarstöd. I webbläsare som inte stöder färgval från skärmen kan du fortfarande använda bildval eller manuell inmatning.

När du väljer färger från en bild kan bilden skalas för att passa sidan, men den provtagna färgen mappas tillbaka till motsvarande pixelposition i originalbilden.

Textkontrast beräknas utifrån den valda solida färgen. När text visas på gradienter, foton, transparens eller texturerade bakgrunder bör du även kontrollera den slutliga designen visuellt.

Det APCA-liknande värdet visas som en perceptuell referens bredvid WCAG-kontrasten. WCAG-kontrast är fortfarande den kontroll för godkänd/underkänd tillgänglighet som används på den här sidan.

För färger som används i gränssnitt, dokument, bilder eller tryckt material kan det slutliga utseendet variera beroende på skärminställningar, färgprofiler, filformat och utdataenheter.

:wiki_link