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.
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.
Brug browserens skærmfarvevælger, når den understøttes. Det kan tage et øjeblik for browseren at åbne den indbyggede vælger.
Indtast HEX eller HEXA, for eksempel #2563EB eller #2563EBFF.
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