Jag vill lära mig RGB (eller andra som hex, CMYK eller HSL) i en färg på en webbplats. Säg bakgrunden till den här webbplatsen. Jag vill återskapa den färgen med hjälp av koden eller ett grafikprogram.
Kommentarer
- Behöver du specifikt CMYK? Eftersom det ’ används för utskrift, men för webben är RGB allt du behöver.
- Om du använder en MAC finns det alltid den digitala färgmätaren som är infödd i OSX och finns under mappen Verktyg i applikationer.
Svar
Enligt thebodzios svar , det finns många sätt att få den färgen. Oavsett vilken webbläsare du använder kommer det att finnas någon form av tillägg för färgväljare du kan få. Alternativt kan du ta en skärmdump och öppna den i Photoshop. Ett annat sätt är att öppna utvecklarverktyg och titta på webbplatsens formatmall, i krom kan du högerklicka på bakgrunden och trycka på inspekteringselementet och leta efter var bakgrundsfärgen anges …
För att spara dig problem men bakgrundsfärgen på den webbplatsen är # f9f9f9 – nu, om du inte är för erfaren med CSS, kanske du vill gå över till webbplatsen, inspektera bakgrundsfärgen och se om du kan hitta var jag fick det ifrån 🙂
Svar
När det gäller sidelementen (exklusive bilder) kan deras färg (i RGB, ibland i HSL) bestämmas på många olika sätt. En av de enklaste är att använda alla ”utvecklarverktyg” som finns i nästan alla moderna webbläsare (Firefox, Chrome etc.). Färger i bilder kan provas med vilken bildredigerare som helst som har ett verktyg som ” färgväljare ”.
Med detta sagt … Det räcker inte bara att“ få RGB-färgen ”och konvertera den till, säg, CMYK. Det knepiga är att veta vilken RGB och vilken CMYK du vill konvertera till och hur vill du hantera färgerna utanför målområdet. Ja, det finns mer än en RGB eller CMYK. Det antas ofta tyst att när inget sägs om färg bredvid att det är RGB, så är det verkligen sRGB-färg.
Hur som helst rekommenderar jag starkt du kan titta på introduktionsmaterial om färghantering. http://www.cambridgeincolour.com/color-management-printing.htm är en av de bästa som finns runt.
Svar
Det finns två sätt att få färgerna från vilken webbplats som helst osv ….
1 ) Använda webbläsarfärgväljartillägg t.ex. ColorZilla
2) Ta skärmdump av din webbsida med Skriv ut skärmknapp på tangentbordet och klistra in den bilden i Photoshop eller någon annan bildredigeringsprogramvara och välj färg därifrån med färgväljarverktyget
Du kan också använda webbläsartillägg som Fireshot för att ta skärmdump av hela webbsidan och ta färger var som helst på den sidan
C omment
- ColorZilla är lysande. Tack för förslaget!
Svar
Om du använder Chrome kan du helt enkelt trycka på F12 och visa sidan element. Till höger finns sidstilarna som använder Hexadecimalkoder för färger. Dessa översätts i sin tur till RGB-färger.
Till exempel om jag rullar ned en kort väg på fliken stilar kan jag se att bakgrundsfärgen för sidan är # f4f4f4. Motsvarande RGB-färg är: R: 244 G: 244 B: 244
Det visar också mönsterbilden och berättar att den är en upprepning osv.
Svar
- Det finns något tillägg för färgväljare för alla webbläsare
-
Det finns några webbplatser som hittar färgerna på din webbplats http://www.checkmycolours.com/
- Ta en skärmdump och öppna i Photoshop eller Gimp så kan du välja färger
Svar
Jag använder alltid Colorzilla för den här typen av saker. Det är snyggt tillägg som låter dig välja färger direkt från vilken sida som helst och ger dig färgen i olika format.
Det finns också, precis som en bonus, Webfärgdata vilket ger dig den färgpalett som används på en viss webbplats.
Svar
Förutom Chrome tillägg / Firefox-tillägg, ColorCop är ett lätt Windows-skrivbordsprogram som gör samma sak. Det kan generera RGB- och hex-värden för de färger du vill få med ett provtagningsverktyg.
Svar
Det finns ett nytt ”Eyedropper” -verktyg som ingår i Firefox som låter dig peka på en pixel, visa hex-värdet i färg och kopiera det till urklipp.
Svar
Det finns olika sätt att uppnå det, som att ta en skärmdump med knappen Skriv ut skärm och klistra in det i MS Paint (jag överväger MS Paint som det är standardprogramvaran som någon kommer att ha om de arbetar på en Windows-maskin) och använder Color Picker
När du väl har gjort det klickar du på den färg du vill få rgb
värde .. och klicka sedan på Redigera färger alternativ ..
Och du får ett modal med information om färgerna
Annat för att uppnå detta är mycket enklare än ovanstående alternativ, är att använda ett Color Picker-plugin, jag använder Colorzilla för Firefox
Här, du kommer att få en enkel färgväljare i AddOn-fältet, du måste klicka på det och du får en hårkorsmarkör, klicka på färgen du vill få informationen för och du får nedan …
Svar
Det lilla verktyget som jag gillar att räkna ut färger heter Pixie, från Nattyware.com. Det är gratis, litet, väldigt enkelt. Används i flera år. Körs som en tjänst. Klicka bara på en färg och ett fönster dyker upp och berättar hex, RGB, HTML, CMYK och HSV, plus muskoordinater. Endast Windows.