Hvordan det fungerer
Den opprinnelige fargeinndata gir en sRGB-verdi som en sekssifret sekskantstreng. Kanaler analyseres til desimal for RGB-tripletten, og den egendefinerte CSS-egenskapen skrives i den eksakte syntaksen et stilark forventer.
- Bruker den opprinnelige fargeinngangen, så den fungerer med systempipet der nettleseren støtter det.
Hvorfor det betyr noe
En palett lever i Figma, CSS, e-poster og noen ganger et lerret. Hvert oversettelsestrinn er en sjanse til å lime inn feil format, så kopiering av HEX, RGB og en tilpasset egenskap sammen fjerner en klasse med feil som kan unngås.
Et bearbeidet eksempel
Å velge #635BFF gir rgb(99, 91, 255) og den egendefinerte CSS-egenskapen --color: #635BFF, som kan slippes inn i et stilark og refereres til overalt i stedet for å gjenta hex-koden.
Vanlige feil
- Velg farge og bakgrunn separat uten å kontrollere kontrasten.
- Stoler på nyanse alene for å signalisere tilstand.
- Glemte sveve- og fokusvarianter.
Praktiske tips
Velg først den nøytrale skalaen, deretter aksenten. En enkelt aksentfarge pluss tre nøytrale farger er lettere å holde konsistent på tvers av lyse og mørke temaer enn en større palett.
Hvordan bruke den
- Åpne verktøyet. Alt kjører i nettleserfanen.
- Lim inn eller skriv inn input, og velg deretter handlingen du trenger.
- Sjekk resultatet og kopier det med ett klikk.
Vanlige spørsmål
Kan jeg velge en farge fra skjermen?
Der nettleseren støtter den opprinnelige pipetten, ja. Ellers bruk fargeinndataprøven.
Hvilke formater gir den ut?
HEX, en RGB-triplett og en egendefinert CSS-egenskap du kan lime inn i et stilark.
Er den valgte fargen lagret?
Nei. Verdien finnes bare på siden til du lukker den.
Er dette verktøyet virkelig gratis?
Ja. Det er ingen konto, ingen betalingsmur og ingen bruksgrense. Tools-appen er finansiert av aumenso, studioet bak.
Er noe jeg skriver inn lastet opp?
Nei. Verktøyet kjører i nettleserfanen din; det du skriver blir aldri sendt til oss og aldri lagret.