Farvevælger online

Brug denne online farvevælger til at vælge en farve fra et uploadet billede, hente en farve fra skærmen når din browser understøtter det, eller indtaste en farveværdi manuelt. Konvertér den valgte farve, udtræk billedpaletter, generér matchende farver, tjek tekstkontrast, og kopiér CSS-variabler uden at skifte side.

1. Billedfarvevælger

Vælg et lokalt billede, bevæg markøren over det for at forhåndsvise pixels, og klik derefter for at vælge en farve. Efter klik kan du bruge piletasterne til at justere den valgte pixel.

Der er endnu ikke valgt et billede. Vælg et billede ovenfor for at begynde at vælge farver.
Forhåndsvisning af valgt billede
Billedpalette
Klik på en farve for at anvende den
Upload et billede for at udtrække de vigtigste farver.
Flere måder at vælge en farve på
2. Vælg fra skærmen

Brug browserens skærmfarvevælger, når den understøttes. Det kan tage et øjeblik for browseren at åbne den indbyggede vælger.

3. Indtast farve manuelt

Indtast HEX eller HEXA, for eksempel #2563EB eller #2563EBFF.

Palet
Klik på en farve for at anvende den
Matchende farver
Lyse og mørke nuancer
Aktuel farve
#2563EB

Resultat

Brug i UI
Tekstkontrast og CSS
Tekstkontrast og UI-par
CSS-variabler

                        
StarryTool privatlivserklæring: Hos StarryTool værner vi om dit privatliv. Al databehandling på denne side udføres på din enhed via JavaScript på klientsiden, hvilket sikrer datasikkerheden. Vi registrerer eller gemmer ikke indsendte eller genererede data. Du kan læse mere om vores privatlivspraksis på websitet i vores privatlivspolitik.

Om Farvevælger online

Brug denne online farvevælger til at vælge en farve fra et uploadet billede, hente en farve fra skærmen når din browser understøtter det, eller indtaste en farveværdi manuelt. Den valgte farve konverteres straks til almindelige formater som HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV og CMYK, så du hurtigt kan kopiere den værdi, du skal bruge, uden at skifte side.

• Funktioner

Billedfarvevælger: Vælg et lokalt billede, og bevæg markøren hen over billedet for at forhåndsvise nærliggende pixels. Klik på billedet for at vælge den aktuelle farve. Udtrækning af billedpalette: Når et billede er uploadet, udtrækker værktøjet en kompakt palet med de vigtigste farver, som kan kopieres eller anvendes som den aktuelle farve. Justering på pixelniveau: Når du har valgt en farve fra et billede, kan du bruge piletasterne til at justere den valgte pixelposition mere præcist. Skærmfarvevælger: Brug browserens skærmfarvevælger til at vælge en farve fra skærmen, når funktionen understøttes af din browser. Manuel farveindtastning: Indtast en farve manuelt med en farvevælger eller en HEX / HEXA-værdi som #2563EB eller #2563EBFF. Flere farveformater: Konvertér den valgte farve til HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV og CMYK. Matchende farver: Generér komplementære, analoge, triadiske, bløde lyse nuancer og dæmpede toner ud fra den aktuelle farve. Lyse og mørke nuancer: Opret en praktisk farveskala fra lys til mørk, som kan bruges til baggrunde, kanter, hover-tilstande, badges og UI-komponenter. Tekstkontrast og UI-parring: Sammenlign hvid og sort tekst med WCAG-kontrast, vis en APCA-lignende perceptuel reference, og få forslag til et mere behageligt UI-par, når en farve med høj mætning har brug for en mørkere eller lysere baggrund. CSS-variabler: Kopiér brugsklare CSS-variabler for den aktuelle farve, lyse og mørke varianter, læsbar tekstfarve og anbefalet UI-baggrund/tekst-par. Browserbaseret behandling: Billedlæsning, farvevalg, palettekstraktion og farvekonvertering udføres direkte i din browser uden installation af en separat app.

• Bemærkninger

Skærmfarvevælgeren afhænger af browserunderstøttelse. I browsere, der ikke understøtter farvevalg fra skærmen, kan du stadig bruge billedfarvevælgeren eller manuel indtastning. Når du vælger farver fra et billede, kan billedet være skaleret, så det passer til siden, men den samplede farve mappes tilbage til den oprindelige pixelposition i billedet. Tekstkontrast beregnes ud fra den valgte massive farve. Når tekst vises på gradienter, fotos, gennemsigtighed eller teksturerede baggrunde, bør det endelige design også vurderes visuelt. Den APCA-lignende værdi vises som en perceptuel reference ved siden af WCAG-kontrasten. WCAG-kontrast er fortsat sidens bestået/ikke bestået-kontrol for tilgængelighed. For farver, der bruges i brugerflader, dokumenter, billeder eller tryksager, kan det endelige udseende variere afhængigt af skærmindstillinger, farveprofiler, filformater og outputenheder. :wiki_link
#2563EB
rgb(37, 99, 235)
x: 0, y: 0
Kopieret