Ladda upp en bild, klicka var som helst och få exakta HEX-, RGB- och HSL-värden direkt.
🖱️ Move your mouse over the image and click to select a color.
Upptäck över 100 noggrant utvalda färgkombinationer för ditt nästa projekt.
ColorPick hjälper designers, utvecklare, konstnärer och kreatörer att snabbt hämta färger från bilder.
ColorPick guide
ColorPick löser en praktisk uppgift: att hitta en användbar digital färg i en bild, skärmbild, fotografi, illustration eller designreferens. I stället för att gissa färgen kan du ladda upp bilden, välja området du behöver och kopiera HEX-, RGB- eller HSL-värdet till din design eller kod.
När du väljer en bild läser färgväljaren den i webbläsaren och låter dig undersöka färgerna visuellt. Flytta pekaren över bilden för att förhandsvisa en färg och klicka för att välja den. Den valda färgen visas i flera format. Du kan också lägga till färger i My Palette och samla flera färger från samma bild.
HEX beskriver en färg med hexadecimala kanalvärden och används ofta i CSS. RGB beskriver mängden rött, grönt och blått. HSL beskriver färgton, mättnad och ljushet och kan göra justeringar lättare att förstå. Formaten beskriver samma digitala färg på olika sätt; en konvertering skapar inte automatiskt en ny färg.
Börja med de färger som är viktiga i bilden: bakgrund, accent, text, illustration eller produktelement. Spara viktiga färger i My Palette och använd sedan Color Code, Color Suggestions eller Color Wheel för att utforska nyanser och färger som passar ihop. Kontrollera alltid färgerna i det slutliga sammanhanget före publicering eftersom kontrast och närliggande färger kan påverka hur de uppfattas.
Använd originalbilden eller den bästa tillgängliga kvaliteten när det går. Komprimerade skärmbilder kan ha förändrade pixlar på grund av komprimering och bildeffekter. För gradienter, skuggor, fotografier och strukturer bör du prova flera punkter i stället för att lita på en enda pixel. ColorPick visar det digitala värdet som provtagits; slutresultatet bör ändå testas på den riktiga skärmen och i den slutliga designen.
ColorPick
Praktiska svar på vanliga frågor om det här ColorPick-verktyget.
Upload an image, move the pointer over it, and click the area you want. ColorPick shows the selected color and its HEX, RGB and HSL values.
The image picker reads the selected image in your browser so you can sample colors locally. The contact form is a separate feature that can send a message when you submit it.
The picker provides HEX, RGB and HSL values so you can use the same color in web design, UI, graphics and other digital projects.
En färgväljare är ett verktyg för att välja en digital färg och se dess färgvärde. ColorPick låter dig hämta en färg från en bild och visa den som HEX, RGB och HSL.
Det är användbart när du vill hitta en exakt färg från ett foto, en skärmbild, en illustration, en produktbild eller en designreferens och använda den igen i design eller kod.
Öppna Color Wheel och se hur färgerna förhåller sig till varandra. Komplementfärger, analoga färger och andra färgharmonier hjälper dig att hitta passande kombinationer.
När du har valt en färg kan du kopiera värdet och använda det i CSS, ett designprogram, en prototyp eller en färgpalett. HEX är vanligt på webben, RGB beskriver färgens röda, gröna och blå kanaler och HSL gör det enklare att förstå nyans, mättnad och ljushet. Om bilden innehåller skuggor, övertoningar eller struktur kan flera prov ge en mer rättvis bild än ett enda klick. Samla huvudfärger och accentfärger i paletten och kontrollera kontrasten mellan text och bakgrund. Det ger en mer konsekvent design.
COLOR TOOLS
Use ColorPick as an online color picker to sample colors from photos, screenshots, artwork, and design mockups. Choose a shade and copy its HEX, RGB, or RGBA value for websites, graphic design, branding, and digital projects. Whether you need a hex color picker, rgb color picker, HTML color picker, or color picker from image, the goal is to identify a precise color quickly and reuse it in your workflow.