Wgląd w kod koloru #336B80
Wszystkie konwersje, harmonie i kontrole dostępności, których potrzebujesz, aby projektować z pewnością.
Konwersja kolorów
Generuj wartości w wielu modelach kolorów w jednym miejscu.
#336B80
≈≈ Stalowy Niebieski
Karty kolorów referencyjnych
Niższe ΔE oznacza bliższe dopasowanie wizualne
Odcienie i cienie
Sprawdź, jak #336B80 zachowuje się po zmieszaniu z bielą lub czernią. Te próbki są idealne do stanów najechania, cieni i tła.
Najedź kursorem, aby skopiować dowolną wartość szesnastkową i użyć jej ponownie w swoim interfejsie.
Cienie
0–100%Odcienie
0–100%Typowe zastosowania
- Stany komponentów UI (najechanie, aktywny, wyłączony)
- Tworzenie głębi za pomocą cieni i świateł
- Budowanie spójnych systemów kolorów
System projektowania
Wskazówka dotycząca systemu projektowania
Te warianty stanowią podstawę spójnej palety. Eksportuj je, aby utrzymać zgodność między marketingiem, produktem i inżynierią.
Harmonie kolorów
Błyskawicznie twórz zrównoważone palety za pomocą harmonii wygenerowanych z #336B80.
Kliknij dowolną próbkę, aby otworzyć jej własną stronę szczegółów i kontynuować eksplorację.
Jak używać
Wybierz jeden dominujący kolor, a następnie pozwól, aby wspierające odcienie działały jako akcenty dla typografii, powierzchni i przycisków wezwania do działania.
Dlaczego to ma znaczenie
Zrównoważone harmonie komunikują zamiar – spokój, energię, prestiż – bez przytłaczania układu.
Komplementarne
Przeciwne odcienie, które tworzą efekt i odważny kontrast.
Najlepsze dla
Wysoce efektowne CTA, logotypy i sekcje hero
Analogiczne
Sąsiadujące odcienie dla naturalnych, płynnych gradientów.
Najlepsze dla
Spokojne pulpity inspirowane naturą
Triadyczne
Trzy równomiernie rozmieszczone odcienie dla zabawnej równowagi.
Najlepsze dla
Zabawny branding i układy redakcyjne
Tetradowe
Dwie pary komplementarne, które zapewniają bogatą różnorodność.
Najlepsze dla
Ilustracje i eksperymenty marketingowe
Kontrast dostępności
Sprawdź, jak czytelny jest #336B80 z popularnymi kolorami tekstu, aby każdy odwiedzający miał wyraźne wrażenia.
Użyj AA jako podstawy dla tekstu głównego i AAA dla najwyższej dostępności.
Formaty techniczne
Odblokuj profesjonalne przestrzenie kolorów, takie jak XYZ, LAB, warianty CMYK i profile gotowe do eksportu.
Formaty praktyczne
Uzyskaj symulacje druku, mapowania LED i kolejności bajtów gotowe dla programistów.
Analiza kolorów
Zagłęb się w dane spektralne, raporty dominacji i zaawansowaną analitykę.
Symulator ślepoty barw
Podgląd, jak #336B80 wygląda w przypadku typowych niedoborów widzenia kolorów.
Aspekty kreatywne
Poznaj skojarzenia sezonowe, sygnały emocjonalne i naturalne występowanie.
Wskazówki projektowe
Równowaga
Traktuj #336B80 jako akcent. Połącz go z neutralnymi kolorami i jednym wspierającym odcieniem, aby uniknąć przeciążenia wizualnego.
Kontrast
Testuj kombinacje z rzeczywistą treścią. Wyższy kontrast poprawia skanowanie, czytelność i konwersje.
Harmonia
Użyj jaśniejszych odcieni dla powierzchni, koloru bazowego dla elementów podstawowych i ciemniejszych cieni dla stanów najechania lub wciśnięcia.
Potrzebujesz innego koloru?
Wróć do próbnika kolorów, aby przesłać obrazy, generować palety i odkrywać nowe relacje kolorystyczne.
Otwórz próbnik kolorów