Udtræk eksempelpaletten først, og brug derefter præcis valg og manuelle redigeringer til at beslutte, hvilke farver der hører til i dit eget projekt. Åbn Farvevælger til billeder.
Upload og udtræk en startpalet
Åbn Image Color Picker og upload ét understøttet billede, eller prøv eksemplet. Automatisk udtrækning uploader kilden til serveren. Eksemplet i denne guide er collage-botanical.jpg, et 1200 x 900 foto af blomster, blade og en ferskenfarvet baggrund.
Lad Farver at udtrække stå på 6 og vælg Dominant til eksemplet. Dominant favoriserer hovedbilledets farver, mens Vibrant giver farverige accenter mere indflydelse. En anmodning kan bruge 3 til 12 farver; et billede med færre tydelige synlige grupper kan returnere færre.
Det faktiske Dominant-resultat indeholder #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. Den største gruppe er #E3B49F ved cirka 28.88% af de sampled synlige pixels. Udtrækningen brugte et 512 x 384 sample; disse procenter er ikke en nøjagtig optælling af billedet i fuld opløsning.
En paletfarve kan være et gennemsnit af nærliggende farver. Vælg en bestemt pixel, når du har brug for værdien af én lille detalje.
Vælg og forfin individuelle farver
Klik eller tryk på billedet for at inspicere en pixel med forstørrelsesglasset. Fokuser billedet og brug piletasterne til at flytte én pixel, Shift plus en pil for at flytte ti, og derefter Enter for at vælge. Kopiér HEX, RGB eller HSL med dens individuelle kopieringsknap, eller brug Tilføj til palet.
Vælg en farveprøve for at ændre dens HEX-værdi eller farve, flyt den til venstre eller højre, eller fjern den. Tilføj en brugerdefineret farve accepterer en HEX-værdi efter eget valg. Lås farve bevarer en valgt farveprøve, når Opdater palet eller en ændret ekstraktionsindstilling genererer en ny startpalet.
Sampling & gennemsigtighed tilbyder Kilde-farve og Sammensat over en baggrund. Kilde-farve inkluderer opacitet i kopierede koder, når det er relevant; Sammensat viser pixlen blandet over den valgte Sample-baggrund. Selve paletfarveprøverne er uigennemsigtige RGB-værdier. Redigerede og valgte farver har ingen estimeret kilde-procentdel.
Browser-afkodelige billeder bruger browser-sRGB-prøver. Hvis en normaliseret forhåndsvisning bruges, mærker farvevælgeren eksplicit sine farver og koordinater som omtrentlige.
Eksemplet i denne guide
Farver der skal udtrækkes: 6; Dominant; ingen manuelle ændringer eller låse; Gem som: PNG. Automatisk ekstraktion samplede 512 x 384 pixels.
- Kildebillede
- 1200 x 900 px
- Udtrukne farver
- 6 uigennemsigtige farver
- Paletkort
- 600 x 500 px
- Downloadet PNG
- 9,163 bytes
Tjek et tekst- og baggrundspar
Åbn Tjek farvekontrast. Indstil Tekst og Baggrund med farvekontrollerne, indtast HEX-koder, eller brug den valgte farve til begge sider. Den levende tekstprøve lader dig sammenligne parret, og forholdet ledsages af separate Normal AA, Normal AAA, Stor AA og Stor AAA-resultater.
Vælg et par til det tilsigtede formål frem for at antage, at enhver udtrukket farve kan bruges som tekst. En lys fersken og en lys lilla kan fungere sammen på et foto, mens de udgør en dårlig tekst-og-baggrund-kombination.
Denne kontrol tjekker kun det pågældende farvepar for tekstkontrast. Det er ikke en komplet tilgængelighedsrevision og afgør ikke, om typografi, tastaturinteraktion eller resten af designet er brugbart.
Et bestået kontrastforhold er et nyttigt tjek, ikke en garanti for, at en hel side er tilgængelig.
Kopiér værdier eller eksportér paletten
For en hurtig overførsel, kopier en individuel kode eller brug Kopiér palet-HEX-farver. For en fil, vælg Gem som og vælg Start. PNG laver et paletbillede med etiketter; SVG beholder farveprøverne og etiketterne som vektorindhold; CSS giver nummererede farvevariabler; JSON indeholder HEX, RGB og HSL-værdier.
Det uredigerede sekscifrede eksempel eksporterer palette.png ved 600 x 500 pixels og 9,163 bytes. Dets farveprøverækkefølge matcher paletten. Din endelige palet kan indeholde 1 til 12 farver efter redigering, selv når det automatiske startantal var anderledes.
Download før du forlader siden eller opdaterer. Den endelige eksport uploader kilde- og valgte farver til serverbehandling. Den opretter en ny paletfil og hverken omfarver eller erstatter det originale foto.
PNG og SVG er praktiske visuelle referencer. CSS og JSON er nyttige, når det næste trin kræver genanvendelige farveværdier.
Almindelige spørgsmål
Returnerer pipetten de samme farver som automatisk ekstraktion?
Ikke nødvendigvis. En valgt værdi beskriver en bestemt kilde- eller forhåndsvisningspixel. Automatisk ekstraktion grupperer samplede pixels og kan returnere gennemsnitsfarver.
Tælles gennemsigtige pixels med?
Helt gennemsigtige pixels udelukkes fra ekstraktion. Delvist gennemsigtige pixels har reduceret vægt. Kilde-sampling kan vise opacitet, men eksporterede paletfarveprøver er uigennemsigtige.
Hvad sker der med låste farver, når jeg opdaterer?
Låste farver forbliver i paletten, mens nye udtrukne farver udfylder de andre positioner. En bevaret eller redigeret farve tildeles ikke en opdigtet billedprocentdel.
Kan jeg bruge dette til en præcis brand-farve?
Indtast en kendt HEX-værdi direkte eller vælg en passende kilde-pixel. Fotobelysning, komprimering, farvestyring og normaliserede forhåndsvisninger kan ændre samplede værdier, så en automatisk fotopalet er ikke bevis for en original brandspecifikation.
Byg en palet, du kan tage med ind i dit næste design
Prøv et eksempel eller brug din egen fil, og gennemse resultatet før deling.
