kolorów - Kurs HTML i CSS
Kolory HTML / Wykaz kolorów HTMLSpis treści Kolory podstawowe Odcienie szarości Paleta odcieni kolorów Dla zainteresowanych Bardziej zaawansowane sposoby definiowania kolorów - w tym nadawanie im efektu półprzezroczystości - znajdziesz w rozdziałach: Kolory CSS, Wykaz kolorów systemowych, Wykaz kolorów rozszerzonych. Potrzebujesz pomocy? Przy komponowaniu koloru tła oraz tekstu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij komponowanie kolorów Kolory podstawowe Oprócz kolorów...
Kolory CSS / Sposoby definiowania kolorów CSSSpecyfikacja stylów wprowadza następujące sposoby podawania wartości kolorów: 16 (17) kolorów podstawowych: 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) Ponadto CSS 2.1 definiuje jeszcze jeden dodatkowy kolor podstawowy: orange (#FFA500). CSS 3 określa dodatkowo 130...
- Kolory HTML / Sposoby definiowania kolorów HTML
Definicje kolorów przydają się np. do ustawiania koloru tekstu lub tła elementów na stronie. W miejsce wyrazu "kolor" należy wpisać o jaką barwę nam chodzi. Można to zrobić na dwa sposoby: podać słowną nazwę jednego z szesnastu kolorów podstawowych (patrz pierwsza część tabeli) lub odpowiednik dowolnego koloru w kodzie szesnastkowym (HEX). A teraz mała powtórka z fizyki (proszę, nie uciekaj jeszcze od komputera, to będzie baaardzo krótka powtórka 🙂). Każdą barwę można utworzyć mieszając w...
- Kolory HTML / Generator kolorów HTML
...4 5 6 7 8 9 A B C D E F 0 1 2 3 4 5 6 7 8 9 A B C D E F Próbka: Odcienie: Bardziej zaawansowany generator kolorów, z możliwością przetestowania komponowania się barw tekstu i tła strony oraz automatyczną konwersją DEC -> HEX i odwrotnie, znajduje się tutaj. ✅ Rozpocznij testowanie kolorów
- Kolory CSS / Wykaz kolorów systemowych
Kolor Definicja Nazwa Objaśnienie ActiveBorder Active window border Obramowanie aktywnego okna ActiveCaption Active window caption Nagłówek aktywnego okna AppWorkspace Background color of multiple document interface Kolor tła wielodokumentowego interfejsu (MDI) Background Desktop background Tło pulpitu ButtonFace Face color for three-dimensional display elements Powierzchnia czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for...
- Kolory CSS / Wykaz kolorów rozszerzonych
(CSS 3 - interpretuje: Firefox 2, Opera 10, Chrome 4) Definicja HEX Kolor aliceblue #F0F8FF antiquewhite #FAEBD7 antyczny biały (antyczna biel) aquamarine #7FFFD4 akwamarynowy (akwamaryna) azure #F0FFFF lazurowy (lazur) beige #F5F5DC beżowy (beż) bisque #FFE4C4 blanchedalmond #FFEBCD blanszowanego migdała (blanszowany migdał) blueviolet #8A2BE2 niebieskofioletowy (niebieski fiolet) brown #A52A2A brązowy (brąz) burlywood #DEB887 cadetblue #5F9EA0 kadeckoniebieski...
- Media CSS / Zapytania mediów
...Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium może nie wystarczyć. Malutki ekran tradycyjnego telefonu...
- HTML dla zielonych / Kolor czcionki HTML <span "color">
...yellow (żółty) navy (granatowy) blue (niebieski) teal (zielonomodry) aqua (akwamaryna) Jeśli za mało Ci tych szesnastu kolorów, zajrzyj na stronę pt.: Kolory. Edytory HTML posiadają często specjalny selektor kolorów, za pomocą którego można w prosty sposób wybrać barwę o dowolnym odcieniu. Przykład <span "color"> Po wpisaniu w edytorze HTML następującego kodu: <span style="color: red">Ten tekst został napisany czcionką koloru czerwonego</span> na ekranie...
Wykaz generatorów...nie pojawi się problem "długich linijek", które nie mieszczą się w szerokości okna przeglądarki przez co psują estetykę strony. Generator kolorów Wyświetla próbkę podanego koloru oraz pokazuje jego odcienie. Generator odcieni kolorów Umożliwia wybór gotowej próbki koloru z bogatej palety barw, aby wyświetlić pełną gamę jego odcieni: od najciemniejszego do najjaśniejszego. Tester kolorów Zaawansowany generator kolorów z możliwością przetestowania komponowania się barw tekstu i...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...tabeli [zobacz: Wstawianie stylów]. Kierunek określa sposób rozłożenia barw. Można go podać na dwa sposoby: słowa kluczowe to top - przejście kolorów nastąpi pionowo z dołu do góry (odpowiednik 0deg) to right top - ukośnie z lewego-dolnego do prawego-górnego narożnika to right - poziomo z lewej do prawej strony (odpowiednik 90deg) to right bottom - ukośnie z lewego-górnego do prawego-dolnego narożnika to bottom - pionowo z górny do dołu (odpowiednik 180deg - domyślnie) to left...