Odcienie szarości

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-02-23

szukaj: kolory CSS zapis kolorów odcienie szarości

Porada ta jest niejako rozszerzeniem: Zapis kolorów w CSS

Czasem chciałbyś przygotować stronę w odcieniach szarości (czy to z powodu tragicznych wydarzeń, czy też np. stronę do druku).

Sposób na osiągnięcie tego jest kilka:

zrzut ekranu, przekształcenie grafiki na odcienie szarości i odczytywanie wartości poszczególnych barw (jednak tego opisywać tu nie będę)
odpowiednie obliczenie wartości nowych kolorów (tego będzie dotyczyć ta porada)

Najprostsza sytuacja – kolory zapisane za pomocą RGB

body {
 color: rgb(212, 243, 189);
}

Aby otrzymać z takiego koloru szarą barwę, należy zsumować wartości red green blue, podzielić na 3 i wpisać wynik (tu: 212+243+189 = 215) :

body {
 color: rgb(215, 215, 215);
}

Sytuacja trudniejsza – zapis heksadecymalny

body {
 color: #1002FF; 
}

W takiej sytuacji możemy użyć GIMP-a (lub innego dobrego programu graficznego). Wchodzimy w zakładkę wyboru koloru i wpisujemy ten kolor. Następnie odczytujemy wartości RGB i postępujemy tak jak jest to zrobione wyżej.

Można także skorzystać z systemowego kalkulatora. Klikaj: start->programy->akcesoria->kalkulator i następnie widok->naukowy. Po lewej stronie zaznacz Hex. W tej chwili kalkulator ten operuje na liczbach szesnastkowych (heksadecymalnych, nazwa znajoma prawda). Wpisz to co jest parami, czyli 10 + 02 + FF. Otrzymany wynik podziel przez 3 (powinno wyjść 5B, co jest równe 91 w zapisie dziesiętnym). I zapisać w kodzie:

body {
 color: #5B5B5B; 
}

Najdłuższa – nazwa angielska

W tym wypadku zajrzyj na stronę zawierającą tabelę kolorów i znajdź tam twój kolor, a następnie biorąc kod heksadecymalny, czy też RGB postępuj wg powyższych instrukcji.

Patryk 'yarpo' Jar

szukaj: kolory CSS zapis kolorów odcienie szarości

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!