SWiSH Forum

JuRgEn

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 :wink:

. 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

qncept

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