Hvordan det virker
Det oprindelige farveinput giver en sRGB-værdi som en sekscifret hex-streng. Kanaler parses til decimal for RGB-tripletten, og den brugerdefinerede CSS-egenskab er skrevet i den nøjagtige syntaks, som et stylesheet forventer.
- Bruger det oprindelige farveinput, så det fungerer med systemets pipette, hvor browseren understøtter det.
Hvorfor det betyder noget
En palet lever i Figma, CSS, e-mails og nogle gange et lærred. Hvert oversættelsestrin er en chance for at indsætte det forkerte format, så kopiering af HEX, RGB og en tilpasset egenskab sammen fjerner en klasse af undgåelige fejl.
Et bearbejdet eksempel
Valg af #635BFF giver rgb(99, 91, 255) og den brugerdefinerede CSS-egenskab --color: #635BFF, som kan droppes i et stylesheet og henvises til overalt i stedet for at gentage hex-koden.
Almindelige fejl
- Vælg farve og baggrund separat uden at kontrollere kontrasten.
- Stoler på farvetone alene for at signalere tilstand.
- Glemte svæve- og fokusvarianter.
Praktiske tips
Vælg først den neutrale skala og derefter accenten. En enkelt accentfarve plus tre neutrale farver er nemmere at holde ensartet på tværs af lyse og mørke temaer end en større palet.
Hvordan man bruger det
- Åbn værktøjet. Alt kører i din browserfane.
- Indsæt eller skriv dit input, og vælg derefter den handling, du har brug for.
- Tjek resultatet og kopier det med et enkelt klik.
Almindelige spørgsmål
Kan jeg vælge en farve fra skærmen?
Hvor browseren understøtter den oprindelige pipette, ja. Ellers brug farveinputprøven.
Hvilke formater udsender den?
HEX, en RGB-triplet og en tilpasset CSS-egenskab, du kan indsætte i et stilark.
Er den valgte farve gemt?
Nej. Værdien findes kun på siden, indtil du lukker den.
Er dette værktøj virkelig gratis?
Ja. Der er ingen konto, ingen betalingsmur og ingen forbrugsgrænse. Tools App er finansieret af aumenso, studiet bag.
Er noget, jeg indtaster, uploadet?
Nej. Værktøjet kører på din browserfane; det du indtaster bliver aldrig sendt til os og aldrig gemt.