Värinvalitsin ja palettipoimija – poimi värejä kuvasta

Lähetä mikä tahansa JPG-, PNG-, WebP- tai GIF-kuva ja napsauta mitä tahansa kohtaa näytetyssä kuvassa – kohdistimen alla oleva tarkka pikseli näytteistetään ja näytetään HEX-, RGB- ja HSL-arvoina, joista jokaisen voi kopioida yhdellä napsautuksella. Täydellinen brändivärin sovittamiseen, värimallin näytteistämiseen valokuvasta tai korostussävyjen poimimiseen suunnittelumallista.

Kuva pienennetään 320 pikseliin pidemmältä sivultaan, minkä jälkeen jokainen pikseli lajitellaan koreihin kanavakohtaisten neljän ylimmän bitin perusteella. Eniten täytetyt korit keskiarvoistetaan takaisin täydeksi 8-bittiseksi väriksi, lajitellaan yleisyyden mukaan ja palautetaan paletiksesi. Tulos on tyypillisesti 5–24 hallitsevaa väriä, jotka tiivistävät kuvan visuaalisesti.

Kyllä. Latauspainikkeet tuottavat kaksi muotoa: CSS-muuttujalohkon, joka on valmis liitettäväksi :root-valitsimeen (--color-1, --color-2…), ja JSON-tiedoston, jossa on heksa-, RGB-komponentit ja painoprosentti jokaiselle värille. Molemmat muodot integroituvat siististi design-tokeneihin, Tailwind-asetuksiin ja palettikirjastoihin.

Ei — värien poiminta ja palettien luonti tapahtuvat kokonaan selaimessasi HTML canvas API:n avulla. Kuva pysyy laitteellasi, mikä tekee työkalusta turvallisen julkaisemattomille tuotekuville, luonnosmalleille ja salassapitosopimuksen alaisille brändiaineistoille.

Brändi- identiteettityössä 5–8 väriä on ihanteellinen määrä – se vangitsee hallitsevan teeman laimentamatta korostusvalintoja. Datavisualisointiin suosittelemme 10–16 väriä, jotta saat riittävästi luokittelevia sävyjä. Liukusäätimellä voit valita 5:n ja 24:n väliltä.

Pikselit, joiden alfa on alle 128, jätetään huomiotta, joten läpinäkyvät taustat eivät saastuta palettia "tausta"-väreillä. Tämä tekee kuvan värivalitsimesta erityisen hyvän tuoteleikkauksiin, tarrataideteoksiin ja eristettyihin kohteisiin.

HEX (#RRGGBB) on tiivein ja se, mitä CSS, Figma ja Sketch käyttävät oletuksena. RGB näyttää kolme komponenttiarvoa väliltä 0–255 – hyödyllistä, kun käsittelet kuvadataa ohjelmallisesti. HSL (sävy, kylläisyys, vaaleus) on intuitiivinen värien säätämiseen: muuta sävyä vaihtaaksesi väriperhettä ja säädä vaaleutta vaaleampia ja tummempia sävyjä varten.

Kyllä. Ilmainen, ei tiliä, ei rajoituksia kuvan koolle tai poimittujen palettien määrälle. Mitään ei tarvitse asentaa – koko työkalu on yksi verkkosivu.