JuRgEn - Sob 05 Sie, 2006 14:02 Temat postu: Kolory Kolory 
________________________________________ 1.Wstęp Przeglądarka internetowa pozwala na wyświetlenie 256 kolorów, dowolny kolor skłąda się z trzech kolorów podstawowych RGB (Red, Green, Blue)- odpowiednio rozkładane na wewnętrznej stronie ekranu : R G B R BRG R G B R Kolory są zapisywany w postaci #RRGGBB *gdzie RR to red - kolor czerwony*, *GG to Green- kolor zielony*, *BB to Blue- kolor niebieski*- oznacza to, że każdy kolor może przyjmować wartości od 00 do FF, znak # zonacza ze definiujemy kolor w kodzie szesnastkowym,Kolor RGB jest systemem 24-bitowym, w którym na każdy kanał przypada po osiem bitów danych. Osiem bitów danych może opisać 256 kolorów (czyli przeliczając możliwą liczbę kolorów: 256x256x256 wychodzi dużo  ). Kolor 24-bitowy jest również nazywany przestrzenią kolorów rzeczywistych (true color).
RGB Jak wiadomo istnieje kilka przeglądarek internetowych, zarazem każdy użytkownik ma inne ustawienia monitora, głównym problemem wyświetlania stron jest włąśnie odmienność w pokazywaniu informacji zawartych na stronach, więc załeżenie "mi się dobrze wyświetla" albo "u mnie dobrze działa" jest błędne . Monitory różnią się liczbą kolorów, które mogą wyświetlić naraz. Dlatego też 24-bitowe monitory potrafią wyświetlić wspaniałe grafiki czy fotografie, precyzyjnie oddając kolory i ich cieniowania, podczas gdy 16-bitowe monitory (w sumie coraz rzadziej spotykane) potykają się już na większej liczbie kolorów, bo mogą wyświetlać ponad 65 tysięcy barw, a 8-bitowe zupełnie nie potrafią sobie poradzić z grafiką, gdyż mogą wyświetlać tylko 256 kolorów jednocześnie. Ponad to jeszcze trzeba pamiętać o tym, że Macintosh i PC posiadają nieco inne zestawy kolorów systemowych (tzw. paleta systemowa), ale też niektóre aplikacje mogą i wykorzystują własne palety. Właśnie
przeglądarki internetowe posiadają wbudowaną paletę (paleta WWW), która to jest wykorzystywana tylko wówczas, gdy przeglądarka pracuje na monitorze 8-bitowym. 2.Kolorystyka Właściwe dobranie kolorów na stronie bywa połową sukcesu, użycie konkretnej kolorystyki na stronie jest często kwestią gustu lub panującej mody, tak czy inaczej ma to jeden cel - zwrócenie uwagi i trafienie do odbiorcy. Podczas tworzenia strony trzeba kierować się przejżystością i czystością strony (Clean Style), chodzi tu o korzystanie z jasnych kolorów (czarny tekst na białym tle) ale także o zachowanie ładu kolorystyki na stronie- niektóre zestawienia kolorów powodują utrudnienie w odczytaniu- założeniem Clean Style jest czytelna zawartość, nie rażące odcienie- dobre stonowanie strony względem jej tematu, widoczne linki, (zwracanie uwagi na ważne informacje po przez trochę odmienniejszą kolorystykę) linki standardowo w edytorach html zaznaczane są na niebieski kolor wraz z podkręśleniem, taki sposób wyeksponowania hiperłącza jest odrazu widoczny ale często nie pasuje to reszty kolorystyki strony  ,
Technika gradientu- czyli plynne przejście tonalne z jednego koloru do drugiego, Zawartość (tekst) powinien być poprostu wyraźny (czarny na bialy tle, bialy na czarnym), zestawienie np.: jasnego szarego na białym tle nie jest za bardzo czytelne- chyba się ze mna zgodzicie ? 3.Użycie kolorów Przed rozpoczęciem dobierania kolorów które znajdą się na naszej stronie należy się zastanowić nad charakterem strony, jej tematyką i zawartością w celu dobrania jak najlepszego ubarwienia. Co oznacza "Dopasowanie do tematyki?" Wygląd wraz z kolorystyką są swoistą formą przekazu, nie od dziś wiadomo że odrazu "rzuca się nam w oczy" grafika nie zawartość (to samo dotyczy opakowań artykulów w sklepie).Dopasowanie do tematyki oznacza umiejętne wykorzystanie barw, np: strona klubu piłkarskiego powinna być w kolorach klubowych. Przyklądowe, najczęściej używane zestawienia kolorów na stronach o tematyce: Zwierzęta - Różność odcieni kolory zielonego, Biznes - Przyklad Clean Stylu, czarny tekst, jasne kolory grafiki, Kwiaty - Jasne kolor, kolory tenczy, odcienie różu, zieleni, żółci Gry - w zależności od tematyki gry ale są to zazwyczaj ciemne kolory, czarny, brązowy, zielony Hosting - kolory szare i biale (silver) Militaria - kolory moro, odcienie zielonego, szarego. Portfolio - czyli strona o nas, tutaj mamy pole do popisu, powinna byc sama w sobie wizutówką, oddawać nasz charakter, "opowiadać" o tym co nas interesuje, fascynuje... czyli nie można nalożyć jakiegoś konkretnego szablonu kolorystycznego... czywiście jak wspominałem wcześniej wszystko zależy od gustu... Myślę że przyda się to komuś.... 4.Linki do stron z szablonami kolorów itd [znalezione na innym forum]. Narzędzia Online: http://wellstyled.com/too...2/index-en.html http://www.colormatch.dk/ http://www.defencemechanism.com/color/ http://www.neteffect.dk/colormatch/ http://www.allscoop.com/t.../web-colors.php http://www.steeldolphin.com/color_scheme.html http://www.colorschemer.com/online.html http://www.daniels.com.pl/kolory.swf http://www.webwhirlers.com/colors/wizard.asp http://www.colorblender.com/ http://www.colormixers.com/mixers/cmr http://www.ficml.org/jemi...olor/wheel.html http://www.themaninblue.com/experiment/Technicolor http://www.slayeroffice.com/tools/color_palette http://www.thirdmind.com/...ireme_demo.html http://www.avas.cz/nastroje/barvy/index.php Predefiniowane Zestawy Kolorów: http://www.ibebloggin.com...t-color-schemes http://www.webwhirlers.com/colors/colorschemes.asp http://www.easyrgb.com/harmonies.php http://www.colorschemer.com/schemes http://www.color-wheel-pro.com/color-schemes.html http://www.colourlovers.com/ http://www.colorcombos.com/ ________________________________________ Materiał został w całości napisany przez mnie [JuRgEn], w pracy wspomogłem się... wikipedią, google, materiałami szkolnymi, informacje wysłanę przez użytkownika Tenar, własnym doświadczeniem
nugatt - Sob 05 Sie, 2006 18:24
qncept - Pią 25 Sie, 2006 19:24 To ja dodam software do pobrania ( wersje freeware) ColorCheckXP Program "pobiera" kolor dowolnego punktu na ekranie i wyswietla jego kod w formatach RGB, HLS i CMYK. Kod koloru wyswietlany jest takze w zapisie szesnastkowym, który to jednym kliknieciem myszy można zmienić na zapis zgodny z modelem HTML, Delphi, C++ lub VisualBasic. Kolory można grupować i zapisywać w pliku do późniejszego wykorzystania. Można też nadawać im własne nazwy. Program w polskiej wersji jezykowej! http://www.pcworld.pl/ftp...heckXP.2.2.html ColSel • Program podaje kod wybranej barwy w aż siedmiu różnych formatach. • Możliwość pobierania dowolnego koloru znajdującego się na ekranie. • Możliwość konwersji wybranej barwy do formatu WebSafe, czyli koloru z tak zwanej "palety barw indeksowanych". • Możliwość wczytania rysunku w formacie BMP, GIF lub JPG jako palety barw. • Opcja podglądu schematu barw http://www.colsel.lsp.pl/ ColorShop Pozwala on na pobranie koloru dowolnego piksela na ekranie i zapisanie go na przykład jako kolor HTML (#rrggbb), RGB lub CMYK. W dodatku zajmuje tak mało miejsca, że nigdzie nie będzie przeszkadzał. http://xion.gamedev.pl/apps/colorshop.xml RGBLab 2005 Fajna i rozbudowana propozycja próbnika kolorystycznego, który potrafi stworzyć własne palety barwne. Wybrane kody kolorków są transportowane bezpośrednio do schowka systemowego i można je wkleić w dowolnym edytorze (HTML, C++, Java itd...) http://www.proffs.nu/rgblab.htm Advanced HTML Color Picker Umożliwia konfigurację własnej palety RGB i generowanie kodów "webmastera". Opcja podglądu tła i koloru linków. Możliwość załadowania obrazka a nawet wygenerowania strony HTML. http://bluefive.pair.com/htmlcolor.htm Hexer Mini przelicznik numeryczny kolorków z obsługą drag 'n' drop: http://www.ractive.ch/gpl/hexer.html Oraz : ColorPic http://iconico.com/colorpic/index.aspx CPick http://home.hccnet.nl/s.j...tware/cpick.zip |
