HEX/HTML

HEX-kleur is niets anders dan een hexadecimale weergave van RGB.

Kleuren worden gepresenteerd in in de vorm van drie groepen hexadecimale cijfers, waarbij elke groep verantwoordelijk is voor zijn eigen kleur: #112233, waarbij 11 rood is, 22 groen en 33 blauw. Alle waarden moeten tussen 00 en FF liggen.

Veel toepassingen maken een verkorte vorm van hexadecimale kleurnotatie mogelijk. Als elk van drie groepen dezelfde tekens bevat, bijvoorbeeld #112233, dan kunnen ze worden geschreven als #123.

1. h1 ( kleur: #ff0000; ) /* rood */
2. h2 ( kleur: #00ff00; ) /* groen */
3. h3 ( kleur: #0000ff; ) /* blauw */
4. h4 ( kleur: #00f; ) /* hetzelfde blauw, steno */

RGB

De RGB-kleurruimte (Rood, Groen, Blauw) bestaat uit alle mogelijke kleuren die kunnen worden gecreëerd door rood, groen en blauw te mengen. Dit model is populair in fotografie, televisie en computergraphics.

RGB-waarden worden gespecificeerd als een geheel getal van 0 tot 255. RGB(0,0,255) wordt bijvoorbeeld weergegeven als blauw omdat de blauwe parameter is ingesteld op de hoogste waarde (255) en de andere zijn ingesteld op 0.

Sommige applicaties (met name webbrowsers) ondersteunen percentageregistratie van RGB-waarden (van 0% tot 100%).

1. h1 ( kleur: rgb(255, 0, 0); ) /* rood */
2. h2 ( kleur: rgb(0, 255, 0); ) /* groen */
3. h3 ( kleur: rgb(0, 0, 255); ) /* blauw */
4. h4 ( kleur: rgb(0%, 0%, 100%); ) /* hetzelfde blauw, percentageinvoer */

RGB-kleurwaarden worden in alle grote browsers ondersteund.

RGBA

Onlangs moderne browsers geleerd te werken met het RGBA-kleurmodel - een uitbreiding van RGB met ondersteuning voor een alfakanaal, dat de dekking van een object bepaalt.

Betekenis RGBA-kleuren wordt gespecificeerd in de vorm: rgba(rood, groen, blauw, alpha). De alpha-parameter is een getal variërend van 0,0 (volledig transparant) tot 1,0 (volledig ondoorzichtig).

1. h1 ( kleur: rgb(0, 0, 255); ) /* blauw in gewone RGB */
2. h2 ( kleur: rgba(0, 0, 255, 1); ) /* hetzelfde blauw in RGBA, omdat dekking: 100% */
3. h3 ( kleur: rgba(0, 0, 255, 0,5); ) /* dekking: 50% */
4. h4 ( kleur: rgba(0, 0, 255, .155); ) /* dekking: 15,5% */
5. h5 ( kleur: rgba(0, 0, 255, 0); ) /* volledig transparant */

RGBA wordt ondersteund in IE9+, Firefox 3+, Chrome, Safari en Opera 10+.

HSL

Het HSL-kleurenmodel is een weergave van het RGB-model in een cilindrisch coördinatensysteem. HSL vertegenwoordigt kleuren op een meer intuïtieve en voor mensen leesbare manier dan typisch RGB. Het model wordt vaak gebruikt in grafische toepassingen, in kleurenpaletten en voor beeldanalyse.

HSL staat voor Hue (kleur/tint), Saturation (verzadiging), Lightness/Luminance (lichtheid/lichtheid/helderheid, niet te verwarren met helderheid).

Tint stelt de kleurpositie in kleurenwiel(van 0 tot 360). Verzadiging is de procentuele waarde van de verzadiging (van 0% tot 100%). Lichtheid is een percentage van de lichtheid (van 0% tot 100%).

1. h1 ( kleur: hsl(120, 100%, 50%); ) /* groen */
2. h2 ( kleur: hsl(120, 100%, 75%); ) /* lichtgroen */
3. h3 ( kleur: hsl(120, 100%, 25%); ) /* donkergroen */
4. h4 ( kleur: hsl(120, 60%, 70%); ) /* pastelgroen */

HSL wordt ondersteund in IE9+, Firefox, Chrome, Safari en Opera 10+.

HSLA

Net als RGB/RGBA heeft HSL een HSLA-modus die een alfakanaal ondersteunt om de dekking van een object aan te geven.

De HSLA-kleurwaarde wordt gespecificeerd als: hsla(tint, verzadiging, lichtheid, alfa). De alpha-parameter is een getal variërend van 0,0 (volledig transparant) tot 1,0 (volledig ondoorzichtig).

1. h1 ( kleur: hsl(120, 100%, 50%); ) /* groen in normale HSL */
2. h2 ( kleur: hsla(120, 100%, 50%, 1); ) /* hetzelfde groen in HSLA, omdat dekking: 100% */
3. h3 ( kleur: hsla(120, 100%, 50%, 0,5); ) /* dekking: 50% */
4. h4 ( kleur: hsla(120, 100%, 50%, .155); ) /* dekking: 15,5% */
5. h5 ( kleur: hsla(120, 100%, 50%, 0); ) /* volledig transparant */

CMYK

Het CMYK-kleurenmodel wordt vaak geassocieerd met afdrukken en afdrukken in kleur. CMYK is (in tegenstelling tot RGB) een subtractief model, wat betekent dat hogere waarden geassocieerd zijn met donkerdere kleuren.

Kleuren worden bepaald door de verhouding cyaan (cyaan), magenta (magenta), geel (geel), met toevoeging van zwart (key/black).

Elk van de cijfers die een kleur in CMYK definiëren, vertegenwoordigt het percentage inkt van die kleur waaruit de kleur bestaat kleurencombinatie, of beter gezegd, de grootte van de rasterpunt die op een fotozetmachine wordt weergegeven op een film van een bepaalde kleur (of rechtstreeks op een drukformulier in het geval van CTP).

Om bijvoorbeeld de PANTONE 7526-kleur te verkrijgen, mengt u 9 delen cyaan, 83 delen magenta, 100 delen geel en 46 delen zwart. Dit kan als volgt worden aangegeven: (9,83,100,46). Soms worden de volgende aanduidingen gebruikt: C9M83Y100K46, of (9%, 83%, 100%, 46%), of (0,09/0,83/1,0/0,46).

HSB/HSV

HSB (ook bekend als HSV) is vergelijkbaar met HSL, maar het zijn twee verschillende kleurmodellen. Ze zijn beide gebaseerd op cilindrische geometrie, maar HSB/HSV is gebaseerd op het "hexcone" -model, terwijl HSL is gebaseerd op het "bi-hexcone" -model. Kunstenaars geven er vaak de voorkeur aan dit model te gebruiken, algemeen wordt aangenomen dat het HSB/HSV-apparaat dichter bij de natuurlijke perceptie van kleuren staat. In het bijzonder wordt gebruik gemaakt van het HSB-kleurmodel Adobe Photoshop.

HSB/HSV staat voor Tint (kleur/tint), Verzadiging (verzadiging), Helderheid/Waarde (helderheid/waarde).

Tint specificeert de positie van de kleur op het kleurenwiel (van 0 tot 360). Verzadiging is de procentuele waarde van de verzadiging (van 0% tot 100%). Helderheid is een percentage van de helderheid (van 0% tot 100%).

XYZ

Het XYZ-kleurenmodel (CIE 1931 XYZ) is een puur wiskundige ruimte. In tegenstelling tot RGB, CMYK en andere modellen zijn de belangrijkste componenten in XYZ 'denkbeeldig', wat betekent dat je X, Y en Z niet kunt associëren met welke set kleuren dan ook om te mengen. XYZ is het hoofdmodel voor vrijwel alle andere kleurmodellen die op technisch gebied worden gebruikt.

LABORATORIUM

Het LAB-kleurmodel (CIELAB, “CIE 1976 L*a*b*”) wordt berekend op basis van de CIE XYZ-ruimte. Bij het ontwikkelen van Lab was het doel om te creëren kleur ruimte, waarbij de kleurverandering meer lineair zal zijn vanuit het oogpunt van menselijke perceptie (vergeleken met XYZ), dat wil zeggen, zodat dezelfde verandering in kleurcoördinaatwaarden in verschillende gebieden de kleurruimte produceerde hetzelfde gevoel van kleurverandering.

Webontwerpers en grafische kunstenaars zijn vast wel eens online verschillende kleuren of afbeeldingen tegengekomen die ze graag in hun ontwerp zouden willen gebruiken eigen projecten. 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 graag hebben over 25 handige hulpmiddelen 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-pipet - gratis hulpmiddel, waarmee u op uw scherm kunt zoeken kleurcodes HTML van elke pixel. 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. Te midden van beschikbare formaten– HEX, RGB en CMYK.

Dit hulpmiddel perfect voor monitoren met 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. Hier zijn bovendien veel bijgewerkte functionaliteiten zoals het mengen en uitlijnen van kleuren, bekijken veilige versie elke kleur, evenals een aanpasbaar vergrotingsgebied.

Quick HTML Color Picker is een gratis tool waarmee u kleur op elk scherm kunt krijgen voorbeeld voordat u de definitieve keuze maakt. Kleur zal worden gepresenteerd RGB-formaten en HTML en gekopieerd naar het klembord.

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 vergrootglas met drie opties en RGB- en RYB-kleurengamma's om drieklanken en extra kleuren, het vinden van bijpassende kleuren, 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 het beschikt over rijkdom 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 verkrijgbaar in formaten zoals HTML-hexadecimaal, Delphi hex, Powerbuilder, Visuele basis, 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 ophalen. 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 pagina URL, waarop de kleur werd 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 varianten verschillende versies: Konfabulator, ColorMod V1.9, ColourMod V2.2, merkloos en gepersonaliseerd. Elke versie is ontworpen om aan uw behoeften te voldoen. Konfabulator is een versie voor desktop computer, 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).

Ongecompliceerd en heel nuttige toepassing. Het beschrijft zichzelf als “het kleurenhulpmiddel dat de Mac heeft gemist.” Het bevindt zich in het hoofdmenu totdat u het oproept sneltoets. ColorSnapper gebruikt een schermvergroter voor een grotere nauwkeurigheid bij de selectie. Opgegeven kleur wordt automatisch naar het klembord gekopieerd en kan later opnieuw worden gebruikt. Bovendien heb je ongeveer 13 verschillende formaten tot je beschikking.

Hex Kleurkiezer wordt toegevoegd extra tabblad in het systeembrede kleurenpaneel en u kunt onmiddellijk de hexadecimale code van elke kleur 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 toevoegen, zodat de schuifregelaar alleen wordt weergegeven veilige kleuren. 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 geen problemen moeten ondervinden bij het gebruik ervan.

Chrome-extensies

Met colorPicker kunt u kleuren van elke webpagina ophalen, opslaan en naar uw klembord kopiëren. Kleuren verkrijgbaar in volgende waarden: HSB, RGB en CMYK. Webontwikkelaars zullen hier veel voor zichzelf vinden extra functies, inclusief de mogelijkheid om de compatibiliteit met WCAG 2 te controleren, instellingen in het “pipet”-gebied en de aanwezigheid van DOM-Explorer voor Snelzoeken 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 ingebouwde vergrootglas. 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 "droppers" in ons artikel vond je het leukst? Misschien gebruikt u een tool die niet in onze lijst staat? Zo ja, vertel het ons!

Soort software: Kleurdetectie
Ontwikkelaar/uitgever: Vlad Polyanskiy
Versie: 1.0
iPhone + iPad: 33 roebel [Downloaden uit de App Store]

Er zijn zoveel belangrijke en interessante dingen in het leven! Kleurnamen horen daar niet bij. Onthoud de verschillen van sommigen ecru van kameel alleen nodig voor sommige mensen met zeer specifieke beroepen. Voor alle anderen is het genoeg om bij de hand te hebben Colorimeter. Dit is een iPhone-applicatie die de kleur van een foto bepaalt, waardoor je maximale informatie over elke tint krijgt.

Weet je nog dat je op zoek was naar behang van een bepaalde kleur? Of een kledingstuk voor een specifieke dresscode? Of heeft u misschien een interieurdetail nodig dat precies bij de kleuren van het meubilair past of accenten toevoegt? Een nieuwe huishoudelijke toepassing zal al deze en andere kleine huishoudelijke problemen helpen oplossen. Colorimeter voor iPhone.

Elke tiende man ervaart kleurenblindheid – het onvermogen om kleuren te onderscheiden. Bijna alle anderen hebben moeite met het onderscheiden van rode variëteiten. EN niemand niemand van ons weet echt welke kleur behang op zijn muren is geplakt eigen huis. De lijst met tinten eindigt niet met de typische krijtkleuren uit de kindertijd. Kleuren tafel omber of behang Grullo-pak- geen glibberige vertaling uit een andere taal, maar de echte namen van de echte kleuren van de objecten om je heen.

Colorimeter Het werkt eenvoudig. Start het programma, maak een foto en beweeg uw vinger eroverheen. Het virtuele vergrootglas analyseert de kleur op het contactpunt en geeft de culturele naam weer.

Nadat je met je iPhone door het huis hebt gerend en veel nieuwe woorden hebt geleerd, begin je de voordelen ervan te beseffen praktische toepassing toepassingen. Je kunt het geluid nabootsen. Het is ook niet moeilijk om de vorm van objecten in woorden te beschrijven. Maar het is bijna onmogelijk uit te leggen hoe de grijstint die jij mooi vindt, verschilt van degene die je gesprekspartner zich voorstelt. En dit is waar het van pas komt kleur basis Colorimeter.

U moet bijvoorbeeld behang van een bepaalde kleur kopen. Of nog erger: iemand een andere je moet behang kopen en je zit vol verwachting dat er 's avonds een tiental rollen behang bij je thuis worden afgeleverd in een heel andere tint dan je had gedroomd. Door een foto te maken van het artikel en de tint te kiezen die er het dichtst bij zit, weet u zeker dat uw partner of reparatiemedewerker precies weet welke kleur het is. Wat moet kopen.

Soms kan zelfs de kleinste kleurafwijking kritisch worden. Bijvoorbeeld bij het kiezen van verf. Een titel of afbeelding is niet langer voldoende. We hebben normen en cijfers nodig. Het is goed dat Colorimeter dit allemaal ook heeft. Als u op een kleurnaam klikt, wordt deze geopend gedetailleerde beschrijving . Hier zijn de schaduwparameters het meest populair kleur modellen – RGB (digitaal beeld) En CMYK, om af te drukken.

Als we praten over niet over vloeibare verven en kleuren, maar over virtuele, ontwerpers zullen beide waarderen aanvullende parameters – H.S.B.(tint, verzadiging en helderheid) en HEX-kleurcode voor websites. Bovendien toont de applicatie de drie meest geschikte kleuren bekend systeem Pantone Als u weet welke, zal het voor u veel gemakkelijker zijn om een ​​dialoog te voeren met een fabrikant of verkoper van meubels en decoratie.

Aan de ontwikkelaars Colorimeter Er zijn verschillende voorstellen voor verdere ontwikkeling. referentie informatie op kleur moet naar het klembord worden gekopieerd of op zijn minst als tekst worden gemarkeerd - dit zal helpen om snel informatie uit te wisselen met mensen via iMessage of e-mail en stuur ze geen dikke schermafbeelding. En in de interface van de ingebouwde camera zou een schakelaar voor de flitser geen kwaad kunnen, want deze flitst nu automatisch, wat niet altijd goed is.

In de regel werkt het hulpmiddel voor het bepalen van de kleur van pixels, of zoals het ook wel de "pipet" wordt genoemd, zonder het venster te verlaten grafische editor. 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 grafische editor-pipet overtreft en aanzienlijk uitbreidt functionaliteit zo'n hulpmiddel. Dit nuttig nut zal helpen tijd te besparen en te worden een goede hulp 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. Belangrijk kenmerk Een toepassing die 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 kleuren selecteren voor tekst, achtergrond, vulling en onderstreping afzonderlijke onderdelen presentaties, harmonie bereiken en bereiken in het algehele kleurenschema en in elk afzonderlijk onderdeel ontwerp uitvoering.

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 wilt weten, 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. Selecteren uit het programmamenu extra hulpmiddel“Tekst” kunt u een voorbeeld bekijken van hoe een kop of alinea met de geselecteerde tekenkleur en lettertype-optie zal harmoniseren en matchen met de achtergrond. Just Color Picker is uitgerust met eenvoudige en duidelijke interface, neemt een kleine hoeveelheid geheugen in beslag, vereist geen installatie en is helemaal gratis.

Schermafbeeldingen van het Just Color Picker-programma

Als u een eigen website heeft, zult u, willens of wetens, de tools en vaardigheden van verschillende internetberoepen onder de knie moeten krijgen. De tools van de ontwerper zullen bijzonder zorgvuldig moeten worden bestudeerd, omdat de weg naar het hart van de lezer er doorheen loopt professioneel imago. Mooie en goedgekozen foto’s op je website vergroten de leeskans, dat is een feit! Dat deze foto’s uniek moeten zijn, is eveneens een onweerlegbaar feit. Om zelf foto's te leren maken, moeten we veel details leren, en een daarvan is het bepalen van de kleur van elk element op een internetpagina. Vandaag zullen we het hebben over hoe je de achtergrondkleur op een pagina kunt achterhalen.

Ik weet dat er veel andere methoden en hulpmiddelen zijn, maar ik deel mijn praktische ervaring met het maken van afbeeldingen. Als u geen professionele ontwerper bent, zal dit artikel erg nuttig voor u zijn. verdere werkzaamheden. Je kunt kleur op een pagina herkennen met behulp van een handige plug-in ColorZilla voor Mozilla Firefox en Google Chrome-browsers.

Wanneer hebben we dit hulpmiddel nodig?

— Als u een website-ontwerp ontwerpt;
- Als u een nieuwe aanmaakt reclame blok, overeenkomend kleurenpalet locaties;
- Als je aan het maken bent kleurenschema stijlen voor de site;
— Als u bezig bent met het tekenen van elementen van een virtueel project;
— Als u een afbeelding maakt;
— In alle andere gevallen waarin u de kleur van een pixel moet bepalen zonder grootschalige en resource-intensieve programma's zoals PhotoShop of ColorDraw uit te voeren.

Hoe ColorZilla gebruiken?

Alles is heel eenvoudig! Ga naar de website, klik op het linkerpictogram en selecteer het tabblad dat u het meest nodig heeft:

— Mozilla Firefox(browsertool);
— Google Chrome(browsertool);
— Gradiëntgenerator (online tool).

Downloaden vereiste plug-in voor de browser, en na installatie zal het extensiepictogram altijd in uw browserpaneel staan. Vergeet niet de plug-in te activeren, klik gewoon op het pictogram.

Hoe de ColorZilla-extensie te gebruiken

ik zal schrijven in eenvoudige woorden over hoe ik met deze extensie werk. Bij het maken of bewerken van een afbeelding in de Canva-editor, waarover u meer kunt lezen als u deze link volgt, kan het nodig zijn om een ​​achtergrond toe te voegen die hetzelfde is als de originele afbeelding. Op de foto zie je dat met rechter zijde er is een onderdeel witte achtergrond, die gekleurd kan worden zodat deze overeenkomt met de achtergrondkleur van de afbeelding. Zonder een dergelijke uitbreiding is het zeer problematisch om dit te doen, misschien met behulp van een selectiemethode die geen 100% identiteit zal opleveren. Door op het pipet in de extensie te klikken en vervolgens met de linkermuisknop op een willekeurige pixel in de afbeelding te klikken, verschijnt bovenaan een geweldige tooltip die me de kleurcode in hexadecimaal en RGB geeft.

Om met de Canva-editor te werken, heb ik alleen het hexadecimale formaat nodig. Ik kopieer het en voer vervolgens in de Canva-editor de waarde van deze kleur in, en ik ben erg tevreden met het resultaat. Dus met slechts een paar bewegingen kan ik een identieke kleur selecteren, waardoor ik uniekheid aan de originele foto toevoeg door de grootte ervan te veranderen.

Ik stel voor dat u even gaat zitten en kennis maakt met alle tools in deze extensie die in het menu staan. U zult er zeker een paar vinden die u met bijzonder plezier zult gebruiken. En de rest zul je na verloop van tijd onder de knie krijgen. Jij weet beter dan ik dat je op een foto niet alleen de achtergrond kunt veranderen, maar ook dat er iets geschreven moet worden. Het kiezen van de juiste lettertypekleur is ook niet zo eenvoudig als het op het eerste gezicht lijkt. Misschien geeft u de voorkeur aan een palet of gradiëntgenerator in plaats van een pipet. Eén ding weet ik zeker: met ColorZilla kunnen alle problemen zeer snel worden opgelost.

Zoals altijd is het beter om één keer te zien dan honderd keer te lezen! Daarom raad ik u aan een video te bekijken waarin u leert hoe u de ColirZilla-extensie installeert en in uw werk gebruikt. Ik wens u veel kijkplezier en prachtige unieke foto's!