Billedets dominerende farve
Find billedets dominerende farve og en palet med de mest almindelige farver. Værktøjet grupperer hver synlig pixel i 4096 farveintervaller, angiver det største interval som den dominerende farve, viser op til 12 paletfarver med deres andel af billedet og tilføjer den samlede gennemsnitsfarve, hver i hex, RGB og HSL. Velegnet til designere, temabyggere og udviklere, der har brug for pladsholder- eller accentfarver.
Ofte stillede spørgsmål
Hvordan findes den dominerende farve?
Hver pixel placeres i en af 4096 intervallerne med 16 niveauer for hver af rød, grøn og blå. Intervallet med flest pixels vinder, og farven er gennemsnittet af pixelværdierne i det, så en hvid baggrund vises som rent hvid i stedet for en afrundet værdi.
Hvad er paletten?
Paletten viser de mest almindelige intervaller efter det dominerende, op til det antal farver, du vælger fra 1 til 12, med 5 som standard. Hver post viser sine hex-, RGB- og HSL-værdier samt andelen af de synlige pixels, den dækker.
Hvordan adskiller gennemsnitsfarven sig?
Gennemsnitsfarven er gennemsnittet af alle synlige pixels. Et foto af en blå himmel over en rød mark har blå eller rød som dominerende farve, men gennemsnittet bliver en mudret blanding af begge. Gennemsnittet fungerer godt til slørede pladsholdere, mens den dominerende farve egner sig til accenter.
Hvordan håndteres gennemsigtige pixels?
Pixels, der er mere end halvt gennemsigtige, ignoreres, så et logo på en gennemsigtig baggrund viser logofarverne i stedet for sort. Resultatet fortæller, hvor stor en del af billedet der var gennemsigtig. Et billede uden synlige pixels giver en besked i stedet for en farve.
Hvilke formater kan jeg analysere?
JPEG-, PNG-, GIF-, WebP-, TIFF- og AVIF-billeder på op til 5 MB understøttes. Animerede GIF- og WebP-filer måles på deres første billede, og CMYK-billeder konverteres til sRGB før optælling.
Skaleres store billeder først ned?
Billeder, der er større end 4000 pixels på den ene led, skaleres ned, så de passer til 4000 pixels før optællingen. Det ændrer højst andelene en smule. Mindre billeder optælles pixel for pixel.
Hvorfor vises lignende nuancer som separate farver?
Intervallerne spænder over 16 niveauer, så to nuancer på hver sin side af en intervalgrænse tælles separat. Derfor viser forløb og fotos ofte nærliggende nuancer i paletten. Øg palettens størrelse for at se flere af dem.
Kan jeg bruge farverne i CSS?
Ja. Alle farver vises som en hexkode, f.eks. #3366cc, som rgb()-værdier og som hsl()-værdier med farvetone i grader og mætning og lyshed i procent, klar til at indsætte i CSS, designværktøjer eller temainstillinger.
Hvad kan jeg bruge den dominerende farve til?
Almindelige anvendelser er baggrundspladsholdere, mens billeder indlæses, accentfarver til kort og overskrifter, der passer til et forsidebillede, farvebaseret sortering af produktfotos og kontrol af, at brandbilleder holder sig til paletten. Det strukturerede resultat gør det også nemt at genbruge værdierne i scripts og temaer.
Er resultatet det samme hver gang?
Ja. Optællingen er deterministisk, så den samme fil giver altid den samme dominerende farve, palet og andele. Hvis to intervaller har præcis samme antal, følger rækkefølgen mellem dem den rækkefølge, farverne først optræder i.