Witamy na pierwszym polskim blogu o Howrse w zupełnie nowym wydaniu! Zapraszamy na naszą grupę ogłoszeniową na Facebooku - banner z odnośnikiem na bocznej kolumnie.

sobota, października 25

Podstawy HTML - Kolory

Hej. Dzisiaj możecie przeczytać mój pierwszy post dotyczący HTML. Temat wydaje się być łatwy, ale i takie posty mogą być przydatne.


Kolory - a po co to potrzebne?
To chyba jest oczywiste. W naszej prezentacji nie wszystko musi być czarne. Kolorowe teksty, tabelki, przekreślenia, tła i wiele, wiele innych - to wszystko możemy pokolorować. Ale jak?


Jak uzyskać dowolny kolor?
Są dwa sposoby. Jeden jest idealny dla początkujących i leniwych. Otóż w odpowiednim miejscu należy wpisać kolor po angielsku (jest ich 16, a ich wykaz znajduje się w tabelce na końcu posta) np.: black, red, green itd. Problem pojawia się, gdy chcemy uzyskać np.: kolor jasno-niebiesko-różowy. I tu rozpoczynamy przygodę z drugim sposobem.

Od fizyka do grafika
Każdy kolor ma swój odpowiednik w kodzie szesnastkowym HEX.
O co chodzi - już wyjaśniam:
Jak pewnie wiecie z fizyki (ale i plastyki) wszystkie barwy tworzymy nakładając na siebie 3 podstawowe kolory (czyli RGB - RED, GREEN, BLUE). Teraz, gdy znamy ten skrót możemy rozszyfrować podstawową definicję barw, czyli:
#RRGGBB

# oznacza, że nasycenie danych kolorów będziemy zapisywać w kodzie HEX. Na czym on polega?
W kodzie HEX jest szesnaście liczb: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,  A (odpowiadające 10), B (=11), C (=12), D (=13), E (=14), F (=15).
 Kod, dzięki któremu obliczamy wartość koloru (w tym wypadku dla kolory czerwonego) to:
R1*16+R2
 gdzie:
 R1- pierwsza liczba
 R2- druga liczba
* - mnożenie
Im wynik większy, tym jaśniejszy czynnik.


Podsumujmy to - jak od początku do końca pokolorować wyraz:
1. Chce uzyskać kolor ciemno-różowy. Patrze na wykres (grafika wyżej)
2. Kolor różowy jest połączeniem czerwonego i niebieskiego.
3. Podstawiam liczby do wzoru: #RRGGBB
4. Chc
ę, aby czynnik czerwony był jaśniejszy, dlatego będzie miał większa wartość
5. Mój kod - #8A005F
6. Wpisuje kod w odpowiednia komendę i wychodzi mi taki tekst. 


Pomocna tabelka i porada:
Podstawowe kolory:
Nazwa ang. Kod HEXKolor
black#000000         
silver#C0C0C0
gray#808080
white#FFFFFF
maroon#800000
red#FF0000
purple#800080
fuchsia#FF00FF
green#008000
lime#00FF00
olive#808000
yellow#FFFF00
navy#000080
blue#0000FF
teal#008080
aqua#00FFFF

  • Zwykły kalkulator z Windows ma funkcje, dzięki której obliczymy wartość koloru. Wystarczy wejść widok>naukowy>szesnastkowy, zapisać pożądaną liczbę w Dec i nacisnąć na HEX. I tak możemy np. z liczby 165 uzyskać A5
To mój pierwszy tego typu i obawiam się, czy napisałem wszystko zrozumiale.
Czekam na wasze opinie i pytania

Adencjo

13 komentarzy:

  1. Ja chyba zostanę przy ściądze z tabelki x3

    OdpowiedzUsuń
  2. Ja chyba zostanę przy ściąganiu z Photoshopa. On mi powie jaki kod xD

    OdpowiedzUsuń
  3. Sory, że nie na temat, ale mam pytanko. Czy to już potwierdzone na 100%, że Pieczęć Apokalipsy pojawi się na polskim howrse, w okolicach halloween? Bardzo proszę o szybką odpowiedź! Z góry dzięki.

    OdpowiedzUsuń
  4. Na polskim Howrse w niektórych częściach gry pojawia się nazwa przedmiotu. Nic jednak nie jest pewne na 100%. ;)

    OdpowiedzUsuń
  5. Myślę, że ogolnie jest zrozumiale, ale ja akurat jestem w podstawoece i jeszcze nie mam fizyki, a na plastyki uczy nas wuefistka... Takze tego.

    OdpowiedzUsuń
  6. Ale gdzie wpisac kolor? Np. Zeby prosciej slowo howrse na czerwony kolor. Gdzie to wpisac ?

    OdpowiedzUsuń
  7. Nie tu.. ale dlaczego nie było konkursu na nagłówek? Można przysłać wam prace? Bez nagrody..itd. ale chciałbym żeby był tu jakiś nagłówek od czytelnika.

    ~michu2341

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie było ostatnio konkursów na nagłówek ze względu za przykrą sytuację z prawami autorskimi :)
      Żyw

      Usuń
    2. A tak jak już o nagłówkach,to bardzo fajny :)
      007

      Usuń
    3. A można wysłać wam moją pracę. Zapewniam, że takich problemów nie będzie.

      ~michu2341

      Usuń
    4. Prace możesz wysłać do jednego z redaktorów, albo na nasza pocztę/FB. Jeśli praca nas zachwyci - kto wie... ;)
      Na przyszłość proszę wszystkich o pisanie kom. dotyczących tylko danego posta. Wszelkie inne piszcie w odpowiednich zakładkach, na pocztę, FB, lub na prywatna pocztę redakcji.

      Usuń