Programma voor het bepalen van html-kleur. Kleur bepalen op een beeldscherm

Webontwerpers en grafische kunstenaars zijn vast wel eens online verschillende kleuren of afbeeldingen tegengekomen die ze graag in hun eigen projecten zouden willen gebruiken. Het is onmogelijk om elke kleurvariatie te onthouden, en de pipettool is ontworpen om hen hierbij te helpen, waar meer dan één ontwerper niet zonder kan!

Hiermee klikt u eenvoudig ergens op het scherm als u een bepaalde kleur voor uw eigen behoeften wilt kopiëren, inclusief het maken van paletten en kleurenschema's.

In dit verband willen we het hebben over 25 handige tools voor Windows, Mac, Firefox, Chrome, iPhone en Android.

Nu hoef je de kleur niet meer te onthouden: ‘pak’ hem gewoon en ga aan de slag!

Windows-applicaties

Instant Eyedropper is een gratis tool waarmee u de HTML-kleurcodes van elke pixel op uw scherm kunt vinden. Met één klik wordt de code naar het klembord gekopieerd, waarna deze op de gewenste locatie kan worden geplakt.

Een eenvoudig te gebruiken hulpmiddel dat een schermvergroter aan uw cursor bevestigt. Hiermee kunt u een specifieke pixel op het scherm vergroten. Eye Dropper 3.01 toont RGB-, CMYK- en HEX-kleurwaarden.

Naast het vinden van de kleurwaarde van elke pixel op uw scherm, kunt u met Pipet ook de afstand tussen pixels meten. Hiervoor kunt u zoom gebruiken, zodat de berekeningen uiterst nauwkeurig zijn. De kleurwaarde wordt automatisch op het klembord opgeslagen. Beschikbare formaten zijn onder meer HEX, RGB en CMYK.

Deze tool is perfect voor monitoren met een hoge resolutie. Het bevat een schermvergroter, zodat u de kleur waarin u geïnteresseerd bent gedetailleerder kunt bekijken. Paletten kunnen maximaal 16 kleuren opslaan. Bovendien beschikt u over 4 geavanceerde kleurenmixers, waarmee u uw mogelijkheden aanzienlijk uitbreidt. Bovendien zijn er hier veel bijgewerkte functionaliteiten, zoals het mixen en uitlijnen van kleuren, het bekijken van een veilige versie van elk van de kleuren en een aanpasbaar zoomgebied.

Quick HTML Color Picker is een gratis hulpmiddel om kleur op elk scherm te krijgen, met de mogelijkheid om een voorbeeld te bekijken voordat u uw definitieve selectie maakt. De kleur wordt weergegeven in RGB- en HTML-formaten en naar het klembord gekopieerd.

ColorPix selecteert de kleuren op uw scherm en geeft deze weer in de formaten RGB, HEX, HSB en CMYK. Er is een ingebouwd schermvergroter dat een meer gedetailleerde en grondige weergave mogelijk maakt. De waarden worden automatisch naar het klembord gekopieerd.

Just Color Picker is niet zomaar een kleurkiezer: het toont kleuren in HTML-, RGB-, HSB/HSV- en HSL-formaten. Just Color Picker gebruikt een schermvergroting met drie opties, RGB- en RYB-kleurengamma's om drieklanken en complementaire kleuren weer te geven, bijpassende kleurzoekopdrachten, kleurcodeconversies en meer!

Dit is een zeer eenvoudige kleurenkiezer die kleuren weergeeft in RGB-, HEX-, HTML- en WinAPI-formaten. U kunt een of alle bestanden naar het klembord kopiëren. De tool kan worden geminimaliseerd tot een waarschuwingspaneel.

Color Cop is misschien een klein hulpmiddel, maar beschikt over een schat aan beschikbare opties. U kunt het pipet gebruiken om ergens op het scherm een kleur op te pikken, en het vergrootglas gebruiken om in te zoomen. Kleuren zijn beschikbaar in de formaten HTML hex, Delphi hex, Powerbuilder, Visual Basic, Clarion, Visual C++, RGB float en RGB int. U kunt maximaal zeven kleuren in de geschiedenis opslaan, extra en “webveilige” kleuren zoeken, de toepassing in het pictogramgebied van de taakbalk plaatsen en nog veel meer.

Met ColorMania kunt u overal op het scherm een kleur selecteren. Er is ook een vergrootglas voor een zorgvuldigere selectie. Kleuren kunnen worden weergegeven in RGB-, HSV-, HSL- en CMYK-waarden. Bovendien kunt u maximaal zes kleuren in het palet opslaan.

Add-ons voor Firefox

PixelZoomer is een geweldige add-on voor het “vastleggen” van kleuren en het omzetten ervan in HEX-code. Het verschilt van vergelijkbare tools doordat het de webpagina als een screenshot weergeeft en in pixels inzoomt met behulp van een nieuw CSS-element.

Het enige verschil tussen ColorZilla en een gewone pipettool is dat deze zich in uw browser bevindt. Met deze Firefox-add-on kunnen gebruikers de kleur van elke pixel rechtstreeks in hun browser weergeven. Met het ingebouwde palet kunt u kleuren uit specifieke kleurensets selecteren en de meest gebruikte kleurensets opslaan in een aangepast palet.

Rainbow Color Tools bevat elementen zoals een oplosser die afbeeldingen en CSS uit de huidige webpagina extraheert; een grabber die kleuren verzamelt in RGB- en HSV-waarden; een besturingsprogramma dat de kleur van elke pixel in de browser ophaalt; en ten slotte een bibliotheek die de opgeslagen kleuren sorteert op tags of URL van de pagina waar de kleur is gevonden.

Dit is een van de meest geavanceerde tools van Nvu voor Firefox. Het is vrij eenvoudig te gebruiken: je klikt gewoon en krijgt de kleur. Kleuren worden weergegeven op naam en in HEX-formaat. Met Rainbowpicker kun je de tint, verzadiging en helderheid wijzigen, waardoor je weer veel kleurvariaties kunt creëren.

Mac-apps

Wat ColourMod uniek maakt, is dat het verkrijgbaar is in vijf verschillende versies: Konfabulator, ColorMod V1.9, ColourMod V2.2, Unbranded en Personalised. Elke versie is ontworpen om aan uw behoeften te voldoen. Konfabulator is een desktopversie, beschikbaar voor Mac en Windows. ColorMod V1.9 is een Mac-dashboardwidget. ColourMod V2.2 – plug-in voor webapplicaties. Unbranded verwijdert de branding van ColourMod, terwijl u met Personalised uw eigen logo aan de app kunt toevoegen.

DigitalColor Meter is een hulpmiddel voor Mac OS X. Als u uw muis over het scherm sleept, wordt de kleurwaarde van elke pixel weergegeven. U kunt instellen in welk formaat de kleur wordt weergegeven (RGB, YUV of CIE).

Een eenvoudige en zeer nuttige applicatie. Het omschrijft zichzelf als “het kleurenhulpmiddel dat de Mac heeft gemist.” Het bevindt zich in het hoofdmenu totdat u het met een sneltoets oproept. ColorSnapper gebruikt een schermvergroter voor een grotere nauwkeurigheid bij de selectie. De opgegeven kleur wordt automatisch naar het klembord gekopieerd en kan later opnieuw worden gebruikt. Bovendien heb je zo’n 13 verschillende formaten tot je beschikking.

Hex Color Picker voegt een extra tabblad toe aan het systeembrede kleurenpaneel, zodat u onmiddellijk de hexadecimale code van elke kleur kunt zien. Je hebt ook de mogelijkheid om de kleur te wijzigen met behulp van een reeks snelkoppelingen en de voorbeeldoptie te gebruiken.

Een heel eenvoudig hulpmiddel dat RGB- en HEX-waarden toont. Als u wilt, kunt u beperkingen instellen, zodat de schuifregelaar alleen veilige kleuren weergeeft. Deze tool wordt gebruikt in het kleurenpaneel van de meeste Cocoa- en Carbon-toepassingen.

Alles is uiterst eenvoudig en duidelijk: Pipetteer geeft u de mogelijkheid om elke kleur te nemen en deze in HEX-formaat te kopiëren. De applicatie neemt niet veel ruimte in beslag op uw apparaat en u zou er geen problemen mee moeten hebben om deze te gebruiken.

Chrome-extensies

Met colorPicker kunt u kleuren van elke webpagina ophalen, opslaan en naar uw klembord kopiëren. Kleuren zijn beschikbaar in de volgende waarden: HSB, RGB en CMYK. Webontwikkelaars zullen hier veel extra functies vinden, waaronder de mogelijkheid om WCAG 2-compatibiliteit te controleren, instellingen in het pipetgebied en de aanwezigheid van een DOM Explorer voor het snel zoeken naar elementen en tags op de pagina.

Met deze extensie kunt u niet alleen kleuren op elke webpagina selecteren, maar er ook linialen, aanwijzers en een schaal op plaatsen. Linialen, hulplijnen, pipet en kleurkiezer heeft een breed scala aan opties voor linialen, aanwijzers en schalen, maar de kleurkiezer werkt prima op zichzelf.

Eye Dropper is een geweldige uitbreiding met een geavanceerde kleurselector, die HSV, RGB en HEX van de resulterende kleur biedt. Kleuren worden opgeslagen in uw geschiedenis, zodat u ze indien nodig later kunt gebruiken of naar het klembord kunt kopiëren.

Color Pick is een ongelooflijk eenvoudig pipethulpmiddel met een ingebouwd schermvergrootglas. De extensie slaat de kleur op die u opgeeft totdat u een nieuwe selecteert. Kleuren zijn beschikbaar in de formaten RGB, HSL en HEX.

iPhone-apps

Als u een ontwikkelaar bent en een iPhone heeft, kan Loupe u helpen inspiratie op te doen, waar u ook bent. Hiermee kunt u kleuren overnemen van foto's in uw galerij of van foto's die u zojuist hebt gemaakt. Vervolgens kunt u kleurcellen maken, kleurwaarden opslaan en notities toevoegen om u te helpen belangrijke details te onthouden.

Deze kleurenkiezer is zeer geschikt voor het maken en bewerken van paletten op de iPhone. Het converteert formaten binnen RGB, HSB en CMYK. U kunt kleuren overnemen van uw camera, fotogalerij of Flickr. Paletten kunnen via e-mail worden gedeeld en zijn ook compatibel met Adobe Illustrator, Adobe Photoshop en Microsoft Word.

Android-applicaties

Deze krachtige kleurselectietool is onmisbaar voor ontwerpers, programmeurs en kunstenaars. Het ondersteunt 7 verschillende modi met RGB-, HSV-, HSL- en YUV-kleurmodellen. U kunt zowel het palet als de schuifregelaar gebruiken. Kleuren worden weergegeven in decimaal en HEX.

LifeDropper is een Android-app die u de kleuren van echte objecten kan vertellen met behulp van de camera van uw apparaat. Kleuren worden weergegeven in RGB-, CMYK- en HEX-waarden.

Dat is alles!

Welke van de 25 "pipetten" in ons artikel vond je het leukst? Misschien gebruikt u een tool die niet in onze lijst staat? Zo ja, vertel het ons!

Een webontwerper, ontwikkelaar of gewone computergebruiker heeft deze vraag waarschijnlijk meer dan eens gesteld. Vaak is het nodig om de kleur te selecteren die op een object wordt gebruikt, bijvoorbeeld een website of gewoon een punt op een beeldscherm.

Er zijn verschillende basismanieren om kleuren weer te geven, bijvoorbeeld wanneer elke kleur of tint wordt aangegeven HTML code en kleurenpalet RGB als #FF7700. Dit wordt weergegeven in de vorm van drie paar hexadecimale cijfers, waarbij elk paar verantwoordelijk is voor zijn eigen kleur:
de eerste twee cijfers zijn rood, d.w.z. — R(rood)
twee in het midden - groen - G (groen)
laatste twee cijfers - blauw - B (blauw)
Heel vaak gebruiken ze een stiekeme weergave van de kleur in de vorm van drie tekens #F70, wat overeenkomt met #FF7700.

Trouwens, op webbronnen worden kleuren meestal gespecificeerd in CSS-stijlen.

Laten we verder gaan met het beantwoorden van de hoofdvraag: Hoe kan ik de kleur van een pixel op een beeldscherm of foto achterhalen?

Er zijn veel manieren...

Methode 1. Ontdek de kleur in Photoshop

Laten we dus een "screenshot" maken door op de Print Screen (PrtSc) -toets op het toetsenbord te drukken, op de plaats waar we de code voor onze kleur willen weten. Wanneer u op de toets drukt, slaat het systeem de momentopname op het klembord op. U kunt de afbeelding eenvoudig kopiëren, bijvoorbeeld vanuit een browser, zonder PrtSc. Nu hoeft u alleen nog maar de afbeelding uit de buffer in Photoshop te plakken.

Open Photoshop en voeg een afbeelding in (Bestand - Nieuw, Bewerken - Invoegen). We zoeken naar "Pipette" op de werkbalk (Toets I) en klikken vervolgens met de linkermuisknop in het gebied waarin we de kleur willen "verwijderen". Alles is klaar! Nu hoeft u alleen nog maar naar het palet te gaan en de kleurcode te achterhalen.

Methode 2. Ontdek de kleur in Paint

Ga naar Paint - voeg een afbeelding in - gebruik het gereedschap "palet" - ga naar "kleuren wijzigen":

In ons geval is rood 252, groen 168, blauw 10, d.w.z. RGB(252,168,10) of in HEX-formaat #FCA80A.

Methode 3: Bekijk de elementcode in de browser

Ik zal de methode voor de Opera-browser beschrijven. Selecteer een element op de site met de muis en klik er met de rechtermuisknop op - "Elementcode bekijken" (Ctrl + Shift + C). Er wordt een paneel met html- en css-code geopend, je zult iets als "kleur" moeten vinden.

Methode 4. Speciale tools of programma's gebruiken.

Er zijn een groot aantal speciale programma's voor het verwijderen van kleuren; ik hou van een heel eenvoudig programma genaamd "Pixie" met een gewicht van ongeveer 10-11 KB. De bediening is heel eenvoudig. Wijs eenvoudigweg de muis naar het gewenste punt op het beeldscherm en druk op de volgende toetsen - Ctrl + Alt + C, waardoor de kleurcode naar het klembord wordt gekopieerd.

In de regel werkt de tool voor het bepalen van de kleur van pixels, of zoals deze ook wel de "pipet" wordt genoemd, zonder het venster van de grafische editor te verlaten. Om de grenzen te doorbreken en de kleur van elke pixel op het scherm te kunnen achterhalen, gebruikt u het pipetprogramma Just Color Picker. Het programma bepaalt niet alleen de kleur in elk gebied van het beeldscherm, Just Color Picker is een kleurbepaler die de mogelijkheden van de standaard pipet van de grafische editor overtreft en de functionaliteit van een dergelijke tool aanzienlijk uitbreidt. Dit handige hulpprogramma helpt tijd te besparen en zal een goede assistent zijn voor een webmaster, ontwerper, kunstenaar, ontwikkelaar en iedereen wiens werkgebied verband houdt met artistieke en digitale creativiteit.

Pipetprogramma met een geschiedenis van geselecteerde kleuren

Met het Just Color Picker-programma is het handig om een kleurenpalet te creëren voor gebruik in een ontwerpproject. Een belangrijk kenmerk van de applicatie dat het pipetprogramma onderscheidt van verwante en soortgelijke pipetprogramma's is dat het hulpprogramma een geschiedenis bijhoudt van de door de gebruiker geselecteerde kleuren, die in een bestand op schijf kunnen worden opgeslagen. Hiermee kunt u een kleurenkaart maken en daaruit vervolgens kleuren selecteren voor tekst, achtergrond, individuele details van de presentatie vullen en markeren, harmonie bereiken en bereiken in het algehele kleurenschema en in elk afzonderlijk element van de ontwerpimplementatie.

Wanneer Just Color Picker wordt gestart, scant de toepassing het gebied rond de muisaanwijzer en geeft dit in het venster weer. Voor een nauwkeurigere “targeting” van pixels in het programma kunt u de vergrotingsfactor instellen van 3 tot 15 keer. Just Color Picker detecteert kleur en kan deze coderen en aan de gebruiker presenteren in de formaten HTML, RGB, RGB, HEX, HSB/HSV, HSL (255) en HSL (240). Beweeg uw muis naar de kleur die u nodig heeft, druk op Alt+X en het hulpprogramma zal de lijst met eerder geselecteerde kleuren onmiddellijk aanvullen met een nieuwe onder de muiscursor en de codeaanduiding ervan weergeven. U kunt voor elke aanwezige kleur in het geschiedenisdagboek een opmerking schrijven. Door het extra gereedschap “Tekst” in het programmamenu te selecteren, kunt u een voorbeeld bekijken van hoe een kop of alinea met de geselecteerde tekenkleur en lettertype-optie zal harmoniseren en combineren met de achtergrond. Just Color Picker heeft een eenvoudige en intuïtieve interface, neemt een kleine hoeveelheid geheugen in beslag, vereist geen installatie en is helemaal gratis.

Schermafbeeldingen van het Just Color Picker-programma

Bij het werken met afbeeldingen moet je vaak de kleur van een pixel nauwkeurig bepalen. Dit is nodig voor beeldcorrectie of bij ontwerpwerkzaamheden om het kleurenschema van de achtergrond, panelen of knoppen van uw internetpagina of website aan te passen.

Met deze service kunt u online de kleur van een stip achterhalen zonder extra programma's te downloaden en te installeren. Via onze online pipetservice kunt u snel en eenvoudig de kleur van elk deel van de afbeelding achterhalen.

Om dit te doen, moet u een foto naar de site uploaden. Om het bestand te downloaden, klikt u op de knop "Bladeren". Selecteer het gewenste afbeeldingsbestand en klik op "Uploaden". Zodra de afbeelding laadt, zie je deze op het scherm. Vervolgens moet u de cursor over de pixel verplaatsen waarvan u de kleur wilt bepalen. In een apart venster kunt u de pixelkleur zien en in het veld Huidige waarde wordt het overeenkomstige pixelnummer weergegeven in de HTML- en RGB-kleur van de pixel.

De service biedt de mogelijkheid om de kleurcode op te slaan in HTML- en RGB-kleurformaat. Om dit te doen, moet u de cursor over de gewenste pixel bewegen en op de linkermuisknop klikken. In het veld ‘Opgeslagen waarden’ in een apart venster kunt u de pixelkleur zien, evenals de opgeslagen pixelcodewaarden in HTML- en RGB-kleurformaat.

Recensies

Ja, het lijkt goed, bedankt

Normaal

meesterwerk

gewicht

We hebben je veel geholpen

De post helpt je de kleur online te bepalen met behulp van verschillende sites, de ene is gewoon super, de rest heeft minder functionaliteit. De methode zal nuttig zijn voor degenen die niet de mogelijkheid hebben om een computerprogramma te gebruiken, bijvoorbeeld op een tablet.

Keuze voor sanstv.ru: vindt de pixelcode

Geweldig, ze zijn eindelijk begonnen met het maken van online diensten in het Russisch sanstv.ru, en hier is het adres, het onderscheidende kenmerk verdeelt het bestand tot op de pixel. Bekijk de schermafbeelding om het te gebruiken.

U kunt een bestand ter definitie invoegen door op de PrtScr-knop te drukken. Er wordt dan een momentopname van de hele browser gemaakt, maar deze wordt niet op het scherm weergegeven. Druk op ctrl+f.
Of door het eenvoudigweg van uw computer naar het editorvenster te slepen.
Kan foto's maken van foto's in goede kwaliteit.
Het is handig om de kleur op de website te achterhalen, ik heb een foto gemaakt en deze geplakt.

Na alle manipulaties zie je je illustratie en een grote toename. Om de kleurcode (naam) te bepalen, moet u de gewenste tint aanwijzen en de combinatie bekijken.

Wij wijzen naar de gewenste locatie op het scherm, hoge vergroting.
Nummer in twee formaties, rgb en hex, beide worden gebruikt, maar hex is populairder.

Er zijn hier veel nuttige dingen, bijvoorbeeld hoe je CSS als lay-outontwerper kunt verbinden. Gemaakt door een altruïst, vraagt geen geld voor gebruik. Laten we verder gaan met andere diensten.

Bepaal eenvoudig de kleur online met imagecolorpicker.com

Met deze site imagecolorpicker.com kun je gemakkelijk online kleur bepalen en werkt snel. Maar eenvoud brengt enkele beperkingen met zich mee:

U kunt niet verhogen tenzij u op ctrl en + drukt.
Om de tint te bepalen, kunt u geen gebruik maken van slepen en neerzetten en screenshots, alleen downloaden.

De site verdient de aandacht, de pipet wordt op zicht weergegeven, verlies hem niet.

Colorist imgonline.com.ua: helpt u zelfs uw haarkleur te achterhalen

Deze site kan niet precies aangeven welke code nodig is, maar verdeelt deze in hoofdcomponenten, hier is het adres. Je hebt een ontwerper nodig die geen populaire collage in een illustratie kan installeren. Het rapport ziet er als volgt uit:

Eerst noteren we het aantal primaire tinten (dat wil zeggen, de pixels in de afbeelding worden in aflopende volgorde gerangschikt). We stellen de compressie in, uploaden de afbeelding en wachten op verwerking. Het kan bijvoorbeeld ook nodig zijn voor kappers om de haarkleur te achterhalen zonder te porren. Upload gewoon een afbeelding van het kapsel en de service zal het opsplitsen in tint en naam.

Voorraad getcolor.ru: werkt niet op de foto

Ik heb getcolor.ru in het artikel gezet omdat er geen kanshebbers zijn, een groot nadeel: er wordt niet op afbeelding gezocht. Werkt op basis van een eenvoudige tintcirkel en klikselectie. Verplaats de schuifregelaar in de gewenste richting en bekijk de rgb- en hex-parameters.

Hoewel nee, ik heb één pluspunt gevonden, het kan een naam aan de kleur geven, kijk hieronder, het geeft elke keer een andere naam. Gebruik: bijvoorbeeld in catalogi en in html-opmaak.

Ik heb gesproken over de beste bronnen waarmee u online kleur kunt bepalen zonder programma's te installeren. Succes.