Hur det fungerar
Den ursprungliga färginmatningen ger ett sRGB-värde som en sexsiffrig hex-sträng. Kanaler tolkas till decimal för RGB-tripletten, och den anpassade CSS-egenskapen skrivs i den exakta syntax som en stilmall förväntar sig.
- Använder den ursprungliga färginmatningen, så det fungerar med systempipett där webbläsaren stöder det.
Varför det spelar roll
En palett lever i Figma, CSS, e-post och ibland en duk. Varje översättningssteg är en chans att klistra in fel format, så att kopiera HEX, RGB och en anpassad egenskap tillsammans tar bort en klass av misstag som kan undvikas.
Ett fungerande exempel
Att välja #635BFF ger rgb(99, 91, 255) och den anpassade CSS-egenskapen --color: #635BFF, som kan släppas in i en stilmall och refereras överallt istället för att upprepa hex-koden.
Vanliga misstag
- Välj färg och bakgrund separat utan att kontrollera kontrasten.
- Förlitar sig på enbart nyans för att signalera tillstånd.
- Glömma sväv- och fokusvarianter.
Praktiska tips
Välj den neutrala skalan först, sedan accenten. En enda accentfärg plus tre neutrala färger är lättare att hålla konsekvent över ljusa och mörka teman än en större palett.
Hur man använder det
- Öppna verktyget. Allt körs på din webbläsarflik.
- Klistra in eller skriv in din inmatning och välj sedan den åtgärd du behöver.
- Kontrollera resultatet och kopiera det med ett klick.
Vanliga frågor
Kan jag välja en färg från skärmen?
Där webbläsaren stöder den inbyggda pipetten, ja. Använd annars färginmatningsprovet.
Vilka format matas ut?
HEX, en RGB-triplett och en anpassad CSS-egenskap som du kan klistra in i en stilmall.
Är den valda färgen sparad?
Nej. Värdet finns bara på sidan tills du stänger den.
Är detta verktyg verkligen gratis?
Ja. Det finns inget konto, ingen betalvägg och ingen användningsgräns. Tools App finansieras av aumenso, studion bakom.
Är något jag anger uppladdat?
Nej. Verktyget körs på din webbläsarflik; det du anger skickas aldrig till oss och lagras aldrig.