Kolory w kodzie RGB i HEX

Slides:



Advertisements
Podobne prezentacje
PODSTAWY TWORZENIA STRON WWW W HTML’u
Advertisements

Tworzenie stron internetowych
Kolory w naszym życiu-a co do tego ma światło białe?
Postrzeganie koloru NAZWA MODUŁU NUMER MODUŁU GEN_CAR_121
Geometria obrazu Wykład 5
Kolory, grafika, multimedia
Style CSS.
Przestrzenie barw.
dotyczące plików graficznych
Budowa oka Za percepcję światła odpowiedzialne są fotoreceptory, w skład których wchodzą pręciki i czopki Czopki (ok. 100 tys. czopków) - widzenie barwne.
Czy istnieje kolor różowy? Rafał Demkowicz-Dobrzański.
Budowa i własności oka Adler 1968, Judd, Wyszecki 1975, Durret 1987
Zapis informacji Dr Anna Kwiatkowska.
Kolory opowiada: Marta Bartnicka Centrum Tłumaczeń, IBM Polska
Przygotowanie materiału ilustracyjnego
TAJEMNICE BARW Głównym celem mojej pracy jest stworzenie pokazu komputerowego przeznaczonego dla uczniów drugiego etapu edukacyjnego, przy wykorzystaniu.
Dlaczego śnieg jest biały???
Tworzenie stron internetowych www World Wide Web
Podstawy grafiki komputerowej
Opracowała i wykonała Sylwia Włodyga,IID
Wykład 15 Dokumenty HTML. Tworzenie stron WWW
Podstawowe pojęcia i problemy związane z przetwarzaniem plików graficznych.
Tworzenie stron internetowych
HTML.
Kurs języka HTML Mariusz Tomczyk.
BARWA Metodyka Projektowania Graficznego 2008 Hyc Wojciech.
You.
od systemu dziesiętnego do szesnastkowego
Dane INFORMACYJNE Nazwa szkoły: Zespół Szkół im. Strażaków Polskich
Gimnazjum im. Adama Mickiewicza w Brodach
Temat 7: Tekst.
Elementy graficzne <HR> linia pozioma
KOLORY CorelDRAW Photoshop.
Zastosowanie Matematyki w Informatyce.
Grafika Rastrowa.
Wprowadzenie do CSS Okiełznać style.
Aplikacje internetowe Tabele Ciąg dalszy. Wprowadzanie złamań wiersza Często, najprostszym sposobem wpływania na układ tabeli jest wprowadzenie łamań.
Aplikacje internetowe
Aleksandra Welik kl. II lic.
Drukarki.
Temat: O promieniowaniu ciał.
Temat 4: Klasy i identyfikatory
C S S 1 Cascading Style Sheets HTML pozwala zarządzać strukturą dokumentu, STYLE mają nam służyć do jego upiększania Kaskadowe Arkusze Stylów.
HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie.
Temat 2: Składnia kaskadowych arkuszy stylów. Za zmianę wyglądu witryny w kaskadowych arkuszach stylów odpowiadają reguły stylów. Każda z reguł powiązana.
Dlaczego śnieg jest biały?
Opracowywanie materiałów multimedialnych
DLACZEGO ŚNIEG JEST BIAŁY ?
DLACZEGO ŚNIEG JEST BIAŁY?
PROMIENIOWANIE CIAŁ.
XHTML + CSS Style definiujące tekst Damian Urbańczyk.
Modele barw.
TEORIA KOLORU Studia podyplomowe „Kształcenie na odległość” opracowała Monika Skóbel.
Grafika komputerowa. Cele lekcji Jak powstaje obraz na ekranie monitora? Modele barw Typy grafiki komputerowej Zastosowanie grafiki komputerowej Pliki.
Wyższa Szkoła Informatyki i Zarządzania
MODELE BARW 7 V 2017.
MODELE BARW 7 V 2017.
Zapis szesnastkowy koloru.
<i>Tu wpisz tekst</i>
Podstawy Informatyki.
Grupy szlaków Wyróżnia się dwie grupy znaków stosowanych do oznakowania szlaków: a. znaki określające przebieg szlaku; b. znaki informacyjne i ostrzegawcze.
 jeden z dwóch podstawowych rodzajów grafiki komputerowej, w której obraz opisany jest za pomocą figur geometrycznych lub brył geometrycznych, umiejscowionych.
Wiktoria Dobrowolska. Grafika komputerowa - dział informatyki zajmujący się wykorzystaniem komputerów do generowania obrazów oraz wizualizacją rzeczywistych.
Grafika wektorowa Grafika wektorowa (obiektowa) – jeden z dwóch podstawowych rodzajów grafiki komputerowej, w której obraz opisany jest za pomocą figur.
KOLORY W GRAFICE.
Kolory w grafice.
Arkusz stylów CSS Cascading Style Sheet.
Opracował Tomasz Durawa
TAJEMNICE BARW Głównym celem mojej pracy jest stworzenie pokazu komputerowego przeznaczonego dla uczniów drugiego etapu edukacyjnego, przy wykorzystaniu.
Style definiujące tekst
Zapis prezentacji:

Kolory w kodzie RGB i HEX

Barwa (kolor) wrażenie psychiczne wywoływane w mózgu ludzi i zwierząt, gdy oko odbiera promieniowanie elektromagnetyczne z zakresu światła

Podział barw Barwy proste (monochromatyczne, widmowe) - barwy otrzymane przez rozszczepienie światła białego.

Podział barw Barwy złożone - barwy składające się z mieszaniny barw prostych w dowolnych proporcjach, czyli z mieszaniny fal elektromagnetycznych o różnych długościach z zakresu promieniowania widzialnego.

Podział barw Barwy achromatyczne (barwy niekolorowe) – wszystkie barwy nieposiadające dominanty barwnej, a więc: biały, czarny oraz wszystkie stopnie szarości. Barwy chromatyczne (barwy kolorowe) - wszystkie kolory, w których można wyróżnić dominantę, choćby niewielką, jakiejś barwy - a więc są to wszystkie kolory prócz czerni, bieli i wszystkich szarości (które nazywamy barwami achromatycznymi).

Podział barw Barwy podstawowe – minimalne zestawy kolorów, które łączone umożliwiają uzyskanie dowolnych kolorów z podanego zakresu. Do stosowania u ludzi, układy są oparte na trzech kolorach, do addytywnego składania barw stosowanych np. w wyświetlaczach, zwykle używane są kolory czerwony, zielony i niebieski lub czerwony, żółty i niebieski. Dla subtraktywnego mieszania kolorów, jak mieszanie pigmentów lub barwników, zwykle wykorzystywane są magenta, cyjan i żółty.

Podział barw Barwy drugorzędowe, zwane także pochodnymi, są barwami otrzymywanymi przez zmieszanie ze sobą dwóch barw pierwszorzędowych (podstawowych) w danym modelu kolorów.

Określenie koloru na stronie internetowej dla tła – background dla elementów – foreground 

Jednostki opisu kolorów - słowny najprostszym sposobem określenia koloru jest wpisanie jego słownej nazwy; Lista podstawowych kolorów jest niewielka (aqua/cyjan, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow) Mniej więcej od 2005 roku wszystkie przeglądarki rozumieją zapis słowny obejmujący kolory z systemu x11. Liczba kolorów jest definiowana przez przeglądarkę internetową - wiele z nich pochodzi z listy nazw kolorów systemu x Window.

Jednostki opisu kolorów - numeryczny Ekran to nie papier, który odbija światło, ekran sam je emituje. Kolory na ekranie powstają w wyniku syntezy addytywnej (zjawisko mieszania barw poprzez sumowanie wiązek światła widzialnego różnych długości) i barwami podstawowymi są tu czerwony, niebieski i zielony. Ze zmieszania takiego światła uzyskuje się światło białe. Czarna barwa natomiast jest tu brakiem światła. Określając kolor numerem należy właśnie podać długość światła dla kanałów czerwonego, zielonego i niebieskiego.

Zapis szesnastkowy (HEX) kanałów rgb Zapis szesnastkowy (heksadecymalny stąd skrót HEX) podaje dwucyfrowy numer dla każdego kanału i poprzedza go kratką. Cały zestaw wykorzystywanych cyfr wygląda tak: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Z tych szesnastu znaków buduje się numer koloru podając kolejno wartość dla kanału czerwonego, zielonego i niebieskiego: #RRGGBB. Jeżeli numery dla poszczególnych kanałów powtarzają się to można skrócić zapis do trzech cyfr np. #333

Zapis szesnastkowy (HEX) kanałów rgb <font color="#ffffff">Tu wpisz tekst</font> <body bgcolor= "#000000" text= "#c5c5c5"> Tu jest właściwa treść strony </body>

Zapis dziesiętny kanałów rgb Zapis dziesiętny poszczególnych kanałów działa dokładnie tak samo jak zapis hex tylko zamiast szesnastu cyfr dysponujemy dziesięcioma więc aby zapisać poziomy poszczególnych kanałów wykorzystujemy liczby od 0 do 255. Jeżeli chcemy kolor zapisać w ten sposób to liczby dla poszczególnych kanałów rozdzielamy przecinkiem, całość ujmujemy w nawias okrągły i poprzedzamy literami rgb: rgb(r,g,b).

Zapis dziesiętny kanałów rgb a {  color:rgb(220,20,60);  text-decoration:none; } a:hover {  color:rgb(205,92,92); }