Guide till Colours
Kom igång med Colours
Colours är en pipett, en palettskapare och en kontrastkontroll på en och samma sida. Bilder och paletter läses i din webbläsare och laddas aldrig upp.
Sidan
Överst finns den aktuella färgen, med värdet i HEX, RGB, HSL, OKLCH och CMYK och en Kopiera-knapp för vart och ett. Under den finns fyra kort: Hämta från en bild, Palett, Skapat från den här färgen och Kontrastkontroll.
Panelen till höger har färgens fält, vad som ska skapas av den, hur många färger som ska hittas i en bild och exporten. På en telefon ligger den som ett blad längst ned: tryck på Inställningar för att öppna den.
Hämta färger ur en bild
- Släpp en bild på sidan, eller klicka på Öppna bild….
- För pekaren över bilden och klicka för att hämta en färg; förstoringsglaset visar pixlarna under punkten.
- Flytta en pixel i taget med piltangenterna, och lägg till färgen i paletten med Enter.
- Klicka på Lägg till alla i paletten för att behålla bildens huvudfärger.
Tips: I Chrome och Edge hämtar Hämta från skärmen en färg var som helst på skärmen.
Bygg paletten
- Klicka på Lägg till färgen för att lägga till den aktuella färgen.
- Välj en Harmoni och en Skala i panelen, och sedan Använd som palett under en rad.
- Under varje färg i paletten flyttar ‹ och › den, ✎ ger den ett namn och × tar bort den.
Kontrollera kontrast
Skriv en textfärg och en bakgrund, eller använd Använd som textfärg och Använd som bakgrund i panelen. Kvoten och WCAG-nivåerna visas direkt, och Justera textfärgen hittar den närmaste färgen som klarar AA.
Exportera och spara
- Ge paletten ett namn och välj ett Format under Exportera.
- Klicka på Ladda ned palett, Kopiera kod eller Spara i Files…; Öppna i… skickar filen till en annan app.
- Öppna en palett igen genom att släppa dess .gpl-, .ase-, .json- eller .css-fil på sidan.