Wgląd w kod koloru #8D7FCC

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

RGB:rgb(141, 127, 204)
HSL:hsl(251, 43%, 65%)
Wybierz kolor z obrazkuWybierający kolorów
HEX
#8D7FCC
RGB
141, 127, 204
HSL
251°, 43%, 65%
HSV
251°, 38%, 80%
CMYK
31%, 38%, 0%, 20%

Konwersja kolorów

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

#8D7FCC

≈ Stalowy Niebieski

Karty kolorów referencyjnych

Niższe ΔE oznacza bliższe dopasowanie wizualne

Odcienie i cienie

Sprawdź, jak #8D7FCC 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%#8D7FCC
10%#7868C3
20%#6350B9
30%#5442A6
40%#48398E
50%#3C2F77
60%#30265F
70%#241C47
80%#18132F
90%#0C0918
100%#000000

Odcienie

0–100%
0%#8D7FCC
10%#998CD1
20%#A499D6
30%#B0A6DB
40%#BBB2E0
50%#C6BFE6
60%#D2CCEB
70%#DDD9F0
80%#E8E5F5
90%#F4F2FA
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 #8D7FCC.

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 #8D7FCC 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#8D7FCC
Współczynnik kontrastu6.04:1
Poziom WCAGAA
Przykładowy tekst na biały tekst
Kolor tekstu#FFFFFF
Tło#8D7FCC
Współczynnik kontrastu3.48:1
Poziom WCAGFail
Zalecany podgląd tekstu
Kolor tekstu#000000
Tło#8D7FCC
Współczynnik kontrastu6.04:1
Poziom WCAGAA

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 #8D7FCC 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 #8D7FCC 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