Grunderna i ColorZillas färgplockare för CSS3

Grunderna i ColorZillas färgplockare för CSS3 - dummies

Det första objektet på ColorZilla-menyn för CSS3 är färgväljaren. När du väljer det här alternativet ser du en dialogruta där du kan arbeta genom färgval på ett antal olika sätt. I många avseenden ser den ursprungliga vyn av färgväljaren ut som vilken annan färgplockare du har använt tidigare.

Med hjälp av färgväljaren sparar du tid. Med det kan du ange färger direkt med hjälp av de egenskaper som beskrivs i dessa länkar:

  • Färgton, mättnad och värde

  • Röd, grön, blå

  • Heksadesimalt färgvärde

  • Färgutrymme för lab

  • Cyan , magenta, gul, nyckel

I denna dialogruta får du två olika versioner av CSS-specifik utgång (både funktionen rgb () och funktionen hsl (). Dessutom får du också ett färgnamn. När det inte finns något exakt färgnamn för den färg du har skapat, lämnas fältet Namn tomt.

Naturligtvis är några av de bästa funktionerna gömda för visning. Klicka på Alternativ och du ser ett enda alternativ som heter Color Picker Type. Färgväljaren standardiserar vad som kallas en slät färgväljartyp. Med den här inställningen kan du välja vilken färg som helst, vilket gör det svårt att välja en viss färg ibland.

För att få mer kontroll över ditt färgval, välj alternativet Diskreta. Skärmen ändras. Varje färg är nu i ett tydligt block - vilket gör det mycket lättare att välja en viss färg varje gång du använder Color Picker.

Du kan också se en färg som du gillar på en sida någonstans. I det här fallet klickar du på Provfärg från dokument (ikonen som ser ut som en ögondropper) och klickar sedan på den färg du vill använda från sidan. Färgväljaren visar automatiskt värdena som används för att skapa den färgen.