Wgląd w kod koloru #4DB847

Wszystkie konwersje, harmonie i kontrole dostępności, których potrzebujesz, aby projektować z pewnością.

RGB:rgb(77, 184, 71)
HSL:hsl(117, 44%, 50%)
Wybierz kolor z obrazkuWybierający kolorów
HEX
#4DB847
RGB
77, 184, 71
HSL
117°, 44%, 50%
HSV
117°, 61%, 72%
CMYK
58%, 0%, 61%, 28%

Konwersja kolorów

Generuj wartości w wielu modelach kolorów w jednym miejscu.

#4DB847

≈ Stalowy Niebieski

Karty kolorów referencyjnych

Niższe ΔE oznacza bliższe dopasowanie wizualne

Odcienie i cienie

Sprawdź, jak #4DB847 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%
0%#4DB847
10%#45A540
20%#3E9339
30%#368132
40%#2E6E2B
50%#275C24
60%#1F491D
70%#173715
80%#0F250E
90%#081207
100%#000000

Odcienie

0–100%
0%#4DB847
10%#5FBF5A
20%#71C66C
30%#82CD7E
40%#94D491
50%#A6DBA3
60%#B8E2B6
70%#CAEAC8
80%#DBF1DA
90%#EDF8ED
100%#FFFFFF

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ą.

Eksportuj paletę

Harmonie kolorów

Błyskawicznie twórz zrównoważone palety za pomocą harmonii wygenerowanych z #4DB847.

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

Monochromatyczne

Jaśniejsze i ciemniejsze rodzeństwo w tej samej rodzinie odcieni.

Najlepsze dla

Minimalistyczne interfejsy i stany premium UI

Kontrast dostępności

Sprawdź, jak czytelny jest #4DB847 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.

Przykładowy tekst na czarny tekst
Kolor tekstu#000000
Tło#4DB847
Współczynnik kontrastu8.26:1
Poziom WCAGAAA
Przykładowy tekst na biały tekst
Kolor tekstu#FFFFFF
Tło#4DB847
Współczynnik kontrastu2.54:1
Poziom WCAGFail
Zalecany podgląd tekstu
Kolor tekstu#000000
Tło#4DB847
Współczynnik kontrastu8.26:1
Poziom WCAGAAA

Formaty techniczne

Odblokuj profesjonalne przestrzenie kolorów, takie jak XYZ, LAB, warianty CMYK i profile gotowe do eksportu.

Zarejestruj się za darmo

Formaty praktyczne

Uzyskaj symulacje druku, mapowania LED i kolejności bajtów gotowe dla programistów.

Zarejestruj się za darmo

Analiza kolorów

Zagłęb się w dane spektralne, raporty dominacji i zaawansowaną analitykę.

Zarejestruj się za darmo

Symulator ślepoty barw

Podgląd, jak #4DB847 wygląda w przypadku typowych niedoborów widzenia kolorów.

Zarejestruj się za darmo

Aspekty kreatywne

Poznaj skojarzenia sezonowe, sygnały emocjonalne i naturalne występowanie.

Zarejestruj się za darmo

Wskazówki projektowe

Równowaga

Traktuj #4DB847 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