Wgląd w kod koloru #B6E2D8

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

RGB:rgb(182, 226, 216)
HSL:hsl(166, 43%, 80%)
Wybierz kolor z obrazkuWybierający kolorów
HEX
#B6E2D8
RGB
182, 226, 216
HSL
166°, 43%, 80%
HSV
166°, 19%, 89%
CMYK
19%, 0%, 4%, 11%

Konwersja kolorów

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

#B6E2D8

≈ Stalowy Niebieski

Karty kolorów referencyjnych

Niższe ΔE oznacza bliższe dopasowanie wizualne

Odcienie i cienie

Sprawdź, jak #B6E2D8 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%#B6E2D8
10%#99D6C8
20%#7CCBB8
30%#5FBFA9
40%#46AF96
50%#3A927D
60%#2F7564
70%#23584B
80%#173A32
90%#0C1D19
100%#000000

Odcienie

0–100%
0%#B6E2D8
10%#BDE5DC
20%#C5E8E0
30%#CCEBE3
40%#D3EEE7
50%#DBF0EB
60%#E2F3EF
70%#E9F6F3
80%#F0F9F7
90%#F8FCFB
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 #B6E2D8.

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 #B6E2D8 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#B6E2D8
Współczynnik kontrastu14.86:1
Poziom WCAGAAA
Przykładowy tekst na biały tekst
Kolor tekstu#FFFFFF
Tło#B6E2D8
Współczynnik kontrastu1.41:1
Poziom WCAGFail
Zalecany podgląd tekstu
Kolor tekstu#000000
Tło#B6E2D8
Współczynnik kontrastu14.86: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 #B6E2D8 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 #B6E2D8 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