Denne farvevælger starter med et visuelt farvefelt og holder de præcise tal lige ved hånden. Du kan indsætte en CSS-hexværdi som #3366cc, finjustere rød, grøn, blå og alfa eller justere nuance, mætning og lyshed til design system-arbejde. Ingen farveværdier uploades - konverteringerne sker lokalt i JavaScript.
Gratis farvevælger
Kører helt i din browser - ingen upload, ingen tilmelding.
Valgt#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Hvad er en farvevælger?
En farvevælger er et værktøj til at vælge en præcis digital farve og kopiere dens værdier til design eller kode. Brug farvefeltet, HEX-feltet, RGB-skyderne eller HSL-kontrollerne, og kopier derefter HEX-, RGB-, HSL-, HSV- eller CMYK-værdier med det samme. Alt kører i din browser.
Sådan gør du
- 1Vælg eller indsæt en farve. Klik på det store farvefelt for at åbne browserens farvevælger, eller indsæt en 3-, 4-, 6- eller 8-cifret hexværdi i HEX-feltet.
- 2Juster kanalerne. Brug RGB-skyderne til rød, grøn, blå og alfa, eller rediger nuance, mætning og lyshed, når du vil have mere designvenlig kontrol.
- 3Kopier det format, du skal bruge. Kopier HEX, HEX8, RGB, HSL, HSV eller CMYK med ét klik. Forhåndsvisningen og alle output opdateres live.
Hvem er det til
- Frontend-udviklere, der kopierer CSS-klare HEX-, RGB- og HSL-værdier, mens de bygger grænseflader.
- Designere, der finjusterer en brandfarve kanal for kanal i stedet for at gætte i et grafikprogram.
- Marketingteams, der matcher kampagnefarver på tværs af e-mailbyggere, dokumenter og sociale medier-materiale.
- Studerende og skabere, der lærer, hvordan RGB, HSL, HSV og CMYK beskriver den samme farve.
Ofte stillede spørgsmål
Er denne farvevælger gratis?
Ja. Farvevælgeren er gratis, kræver ingen oprettelse og har ingen brugsgrænse. Åbn siden, vælg en farve, og kopier det format, du skal bruge.
Bliver mine farver uploadet nogen steder?
Nej. Farvevælgeren og konverteringerne kører i din browser med almindelig JavaScript. Dine valgte farver sendes ikke til en server.
Hvilke farveformater kan jeg kopiere?
Du kan kopiere HEX, 8-cifret HEX med alfa, RGB eller RGBA, HSL eller HSLA, HSV og CMYK. Værktøjet holder dem synkroniseret, mens du redigerer.
Kan jeg indsætte en hexfarve?
Ja. Indsæt 3-, 4-, 6- eller 8-cifrede CSS-hexværdier, med eller uden #-symbolet. Korte værdier udvides efter de normale CSS-regler.
Hvad er HEX8?
HEX8 er en 8-cifret hexfarve, hvor det sidste par gemmer alfa. For eksempel er #3366cc80 den samme blå med cirka 50% opacitet.
Skal jeg bruge RGB eller HSL i CSS?
Brug RGB, når du har brug for præcise kanalværdier eller alfa med rgba(). Brug HSL, når du vil lave lysere toner, skygger eller relaterede UI-tilstande ved at ændre mætning og lyshed.