Niezależnie od tego, czy tworzysz małą prezentację, czy prowadzisz dużą witrynę internetową, wybór odpowiedniego koloru jest ważny dla uzyskania udanego wydruku. Kolory są generalnie wyrażane na dwa główne sposoby – jeden używa wartości szesnastkowej, a drugi używa mieszanki czerwonego, zielonego i niebieskiego (RGB). Chociaż możesz łatwo zapamiętać kolory, takie jak biały i czarny, zapamiętanie wartości kodu dla wszystkich kolorów jest niemożliwe. W szczególności sprawia to, że projektanci stron internetowych spędzają dużo czasu na szukaniu konwersji wartości kolorów. Również wybór kodu szesnastkowego lub wartości RGB dowolnego konkretnego koloru wymaga narzędzia takiego jak próbniki kolorów. W tym artykule przedstawimy kilka narzędzi, które pomogą Ci przekonwertować kolory i wybrać bezpieczne kolory internetowe do prezentacji i stron internetowych.
Powiązane: Kody kolorów dla popularnych serwisów społecznościowych.
Konwerter kolorów szesnastkowych na RGB
Użyj poniższego narzędzia, aby wprowadzić kod koloru w wartości #hex i natychmiast uzyskać go w wartościach RGB. Tło pudełka kontenera zmieni się w zależności od wprowadzonego koloru, aby mieć łatwą wizualizację koloru. Na przykład wprowadź wartość szesnastkową #ffffff, aby natychmiast zobaczyć odpowiednią wartość RGB jako rgb(255,255,255).
Konwerter kolorów RGB na Hex
Powyższe narzędzie do konwersji kolorów działa również na odwrót. Możesz wprowadzić wartości kolorów RGB i uzyskać je w formacie kodu #hex. Na przykład wprowadź wartość RGB rgb(51,51,51), aby zobaczyć odpowiedni kod szesnastkowy jako #333333.
Bezpieczne kolory w sieci
Istnieją bezpieczne kolory internetowe, których możesz bezpiecznie używać w swojej witrynie. Kolory te nie zakłócą wzroku podczas przeglądania obrazu lub czytania treści na Twojej stronie. Ponadto bardzo popularna jest kolekcja Flat UI Colors, którą możesz wykorzystać w swoim projekcie.
Kolor | Klątwa | RGB |
---|---|---|
Turkus | #1abc9c | rgb(26, 188, 156) |
Zielone Morze | #16a085 | rgb(22, 160, 133) |
Szmaragd | #2ecc71 | rgb(46, 204, 113) |
Zapalenie nerek | #27ae60 | rgb(39, 174, 96) |
Piotr Rzeka | #3498db | rgb(52, 152, 219) |
Belize dziura | #2980b9 | rgb(41, 128, 185) |
Ametyst | #9b59b6 | rgb(155, 89, 182) |
Mokry asfalt | #34495e | rgb(52, 73, 94) |
Glicynia | #8e44ad | rgb(142, 68, 173) |
Niebieska północ | #2c3e50 | rgb(44, 62, 80) |
Słonecznik | # f1c40f | rgb(241, 196, 15) |
Marchewka | #e67e22 | rgb(230, 126, 34) |
Alizaryna | #e74c3c | rgb(231, 76, 60) |
Chmury | #ecf0f1 | rgb(236, 240, 241) |
Beton | #95a5a6 | rgb(149, 165, 166) |
Pomarańczowy | #f39c12 | rgb(243, 156, 18) |
Dynia | #d35400 | rgb(211, 84, 0) |
Granat | #c0392b | rgb(192, 57, 43) |
Srebro | #bdc3c7 | rgb(189, 195, 199) |
Azbest | #7f8c8d | rgb(127, 140, 141) |
Proste narzędzia do wybierania kolorów
W Internecie dostępnych jest wiele narzędzi do wybierania kolorów. Ten, który nam się podoba, pochodzi z w3schools, który ma różne opcje wyboru najlepszego koloru.
Próbnik kolorów szkół W3
Konwerter kolorów i selektor kolorów w wyszukiwarce Google
Wyjaśniliśmy wiele sztuczek wyszukiwania Google, a jedną z takich sztuczek jest użycie konwertera kolorów lub próbnika kolorów. Wpisz „rgb na szesnastkę" lub „selektor kolorów” w polu wyszukiwania Google i naciśnij Enter. Zobaczysz konwerter online wraz z selektorem kolorów. Ułatwi to zadanie, ponieważ możesz łatwo wybrać kolor z palety. może uzyskać kod szesnastkowy, wartości RGB, HSV, HSL i CMYK, klikając opcję „Pokaż wartości kolorów”.
Konwerter kolorów Google i selektor kolorów