Skapa valfri enfärgad yta
Anpassad färgskärm
Ange ett sexsiffrigt HEX-värde eller välj en färg med ögat. Öppna den sedan i helskärm, jämför med föregående val och exportera en matchande PNG. Verktyget visar den valda färgen tillsammans med dess HEX-, RGB- och HSL-värden.
- Inmatning
- Färgväljare eller sexsiffrig HEX-kod
- Visade värden
- HEX, RGB, HSL och beräknad ljusstyrka
- Historik
- Fyra senaste färger i webbläsaren
- Största bild
- 7680 × 4320
Skapa en anpassad färgskärm från valfri HEX-kod
Börja med ett känt värde när noggrannhet är viktig. Välj med ögat när du söker ett visst uttryck.
Ange färgen
Skriv ett värde som #3AB0A2, använd färgväljaren eller pipetten om webbläsaren erbjuder den.
Granska värdena
Kontrollera RGB- och HSL-värden, beräknad ljusstyrka och föreslagen textfärg med hög kontrast.
Jämför alternativen
Välj en annan färg och slå på Jämför A/B för att placera den bredvid det tidigare valet.
Använd eller spara
Öppna ytan i helskärm eller ladda ner en enfärgad PNG med rätt mått.
Använd samma värde i design och på skärm
En HEX-kod ger medarbetare en tydlig digital referens. Kopiera RGB för bild- eller programreglage och HSL om du vill ändra färgton, mättnad och ljushet var för sig.
Skärmen är en förhandsvisning, inget bevis på att alla enheter återger värdet likadant. Paneltyp, enhetens färginställningar, ljusstyrka och rumsljus kan påverka utseendet.
Ett praktiskt sätt att jämföra färger
Ställ in det första alternativet, välj sedan det andra och öppna Jämför A/B. Bedöm båda samtidigt i stället för att lita på färgminnet. Kontrollera kontrastvärdet innan du lägger text på färgen.
För en neutral referens jämför du med helt svart eller en vit yta. De sidorna har också egna förval för test och belysning.
Vad färgreglagen gör
Inställningarna omfattar färgval, jämförelse, webbläsarbeteende och bildskapande.
Egna förval
Efter ett färgval skapar verktyget valets exakta färg samt dämpade, djupa och bleka varianter.
Ljusstyrka och text
LUM visar den beräknade relativa ljusstyrka som används vid tillgänglighetskontroller på webben. TEXT visar om svart eller vitt ger starkare kontrast.
Senaste färger
Upp till fyra giltiga färger sparas lokalt så att du kan återvända till det senaste arbetet.
Samma som min skärm
Exporten använder måtten som webbläsaren rapporterar. Den tar också hänsyn till pixelförhållandet, antalet fysiska pixlar som används för en skärmenhet.
Viktigt: Kontrasttipset är en beräkning för svart eller vit text. Kontrollera hela gränssnittet mot de tillgänglighetskrav som gäller för ditt projekt.
Frågor om Anpassad färgskärm
Vilka HEX-format godtas?
Ange en fyrkant följd av sex hexadecimala tecken, till exempel #1A2B3C.
Laddas senaste färger upp?
Nej. Listan sparas lokalt i webbläsarens lagring på den aktuella enheten.
Kan verktyget kalibrera min bildskärm?
Nej. Det visar begärda webbläsarfärger men kan inte mäta eller korrigera panelens faktiska ljus och färgåtergivning.