Najbliższa nazwa koloru · ΔE 1.24
#97FFBB
Najbliższa nazwa koloru · ΔE 1.24
#97FFBB
Czy wyróżnia się jako przycisk? Czy jest czytelne jako tło? Czy sprawdza się w rozmiarze odznaki?
Gdyby cała witryna używała go jako kolor główny, wyglądałaby tak —
Tutaj znajduje się tekst główny. Kolor główny służy do przycisków i linków, odcienie wypełniają tła, tekst używa koloru o najwyższym kontraście.
RozpocznijHarmonijne schematy generowane z teorii kolorów.
Jak ten kolor sprawuje się w zestawieniu z czarnym i białym tekstem.
Biały tekst na tym tle
Aa Współczynnik 1.21:1
Czarny tekst na tym tle
Aa Współczynnik 17.34:1
:root {
--color: #97FFBB;
--color-rgb: 151, 255, 187;
--color-hsl: 140.8, 100%, 79.6%;
}
.bg-color { background-color: #97FFBB; }
.text-on-color { color: #000000; }
.border-color { border-color: #97FFBB; }
.gradient {
background-image: linear-gradient(90deg, #97FFBB 0%, 99FFCC 100%);
}Najbliższy oficjalny kod w każdym systemie standardowym, rankingowany według CIEDE2000.
Oficjalny kolor z publicznych materiałów marki (zbiór danych simple-icons CC0)
Jak ten kolor nazwaliby starożytni.
Ten sam kolor, nazwany w tradycji japońskiej.
Oparte na modelu Machado (2009) - zobacz, jak ten kolor wygląda dla 8 typów widzenia kolorów.
Widzenie normalne
#97FFBB
Standardowe widzenie trichromatyczne z funkcjonującymi wszystkimi trzema typami czopków.
Protanomalia
#D4F4B9
Nieprawidłowa wrażliwość czopków L (~1% mężczyzn). Osłabione postrzeganie czerwieni.
Czerwieniodystopia
#FDECB8
Brakujące czopki L (~1% mężczyzn). Czerwone trudno dostrzec.
Deuteranomalia
#C8ECBD
Nieprawidłowa wrażliwość czopków M (~6% mężczyzn). Najczęstsza niedowidzenie.
Zielonowidzenie
#E8DFBE
Brakujące czopki M (~1% mężczyzn). Czerwienie i zieleń są mylone.
Tritanomalia
#8EFED7
Nieprawidłowa wrażliwość czopków S (ekstremalnie rzadkie). Osłabione postrzeganie niebiesko-żółte.
Ślepota niebiesko-żółta
#89FDEA
Brakujące czopki S (ekstremalnie rzadkie). Błękity i żółcie są mylone.
Achromatomalia
#BBEACB
Poważnie osłabione widzenie kolorów (~0,001%). Kolory wydają się wyblakłe.
Achromatopsja
#E4E4E4
Brak widzenia kolorów w ogóle (~0,003%). Świat to odcienie szarości.
Najbliższe nazwy według odległości percepcyjnej CIEDE2000.
Kolorów oddalone o jeden krok w przestrzeni RGB — każdy z własną stroną profilu.
Nazwy nadane temu kolorowi przez ludzi – jeden HEX, nieskończone perspektywy.
…
Zaloguj się / Zarejestruj się · Zaloguj się, aby nazywać kolory. Twoje nazwy są publicznie przypisywane Tobie.
Typowe pochodne tego koloru: jaśniejszy / ciemniejszy / bardziej nasycony / mniej nasycony, plus odwrócony, odcienie szarości, bezpieczny dla sieci i najbliższa nazwana kolor HTML. Kliknij dowolny, aby otworzyć jego stronę.
Skopiuj i wklej fragmenty: tekst pierwszego planu, tło, cień tekstu i gradient uzupełniający.
Przykład czytelności tekstu
color: #97FFBB;Przykład czytelności tekstu
background-color: #97FFBB;Przykład czytelności tekstu
text-shadow: 0.1em 0.1em 0.15em #97FFBB;linear-gradient(90deg, #97FFBB, #FF97DB)Przeciągaj odcień, nasycenie i jasność, aby podglądać na żywo – znajdź wersję, która Ci odpowiada.
To jest kolor z kodem szesnastkowym #97FFBB. Jego kanały RGB to 151, 255, 187; najbliższa nazwa czytelna dla człowieka to "Gysin Phosphor" (ΔE 1.24, CIEDE2000).
#97FFBB to rgb(151, 255, 187) w modelu RGB, hsl(140.8, 100%, 79.6%) w modelu HSL oraz cmyk(40.8%, 0%, 26.7%, 0%) w modelu CMYK.
Jego dopełnienie #FF97DB działa najlepiej, wraz z harmoniami triadycznymi i analogicznymi — zobacz sekcję harmonii poniżej, aby skopiować pełne palety.
Kontrast z czarnym tekstem wynosi 17.34:1, a z białym tekstem 1.21:1. WCAG 2.1 wymaga co najmniej 4,5:1 dla tekstu głównego (AA) i 3:1 dla tekstu dużego.