Chartreuse green to kolor pośredni między żółtym a zielonym na kole kolorów RGB — intensywny, jasnożółto-zielony odcień o wyraźnym, neonowym zabarwieniu. W języku potocznym mówi się też po prostu chartreuse, ale w informatyce i webdesignie pod tą nazwą najczęściej rozumie się dokładnie zdefiniowany kolor strony internetowej.

Definicja i wartości kolorów

Kolor webowy „chartreuse” (używany w CSS i X11) ma wartości:

  • HEX: #7FFF00
  • RGB: rgb(127, 255, 0)
  • Pozycja: dokładnie w połowie drogi między limonką a żółtym na kole kolorów RGB

Żółty chartreuse to tradycyjny, bardziej żółty wariant nazwy (historycznie nazywany po prostu „chartreuse”). Dokładne odcienie tradycyjnego „żółtego chartreuse” nie są jednolite w systemach kolorystycznych — spotyka się różne próbki i przeliczenia — dlatego przy projektowaniu warto dobrać konkretny kod HEX odpowiadający oczekiwanemu wyglądowi.

Historia nazwy

  • Nazwa pochodzi od francuskiego likieru produkowanego przez zakon Kartuzów: Green Chartreuse (zielony) jest wytwarzany od 1764 roku, a Yellow Chartreuse (żółty) wprowadzono w 1838 roku. To właśnie barwa tych trunków dała nazwę kolorowi.
  • W informatyce i w paletach X11/kolorach stron internetowych nazwy kolorów zostały ustandaryzowane w latach 1987–1991 (1987 — ustalenia X11; później przeniesione do standardu kolorów webowych z 1991 r.). Przed 1987 r. często używano nazwy „żółto-zielony” dla podobnych odcieni.

Odcienie i próbki

Typowe odcienie związane z nazwą „chartreuse”:

  • Chartreuse (web) — #7FFF00 (rgb(127,255,0))
  • Żółty chartreuse (przykładowy) — jaśniejszy, bardziej żółty wariant (przykładowy kod: #DFFF00) — w praktyce jego dokładny wygląd zależy od źródła próbek
  • YellowGreen (CSS) — #9ACD32 — bywa mylony z chartreuse, lecz jest bardziej ziemisty i mniej jaskrawy

Zastosowania i wskazówki projektowe

  • Chartreuse jest bardzo jaskrawy i przyciąga wzrok — sprawdza się w elementach wymagających uwagi: przyciski CTA, akcenty w identyfikacji wizualnej, elementy ostrzegawcze.
  • Ze względu na niską czytelność na jasnym tle, lepiej stosować chartreuse na ciemnych tłach (granat, ciemna szarość, czarny) lub jako cienkie akcenty na białym tle z dodatkowym obramowaniem/kontrastem.
  • W druku warto sprawdzić odwzorowanie w CMYK; intensywne, neonowe odcienie webowe często trudno wiernie odwzorować w standardowym druku bez specjalnych farb lub druku fluorescencyjnego.
  • W połączeniach kolorystycznych dobrze współgra z neutralnymi szarościami, granatem, czernią oraz z fioletami i ciemnymi odcieniami zieleni.

Dostępność i kontrast

Jasne odmiany chartreuse mogą nie spełniać wymogów kontrastu dla tekstu na tle jasnym. Przy projektowaniu interfejsów sprawdź współczynnik kontrastu (WCAG). Jeśli używasz chartreuse jako koloru tekstu, zapewnij wystarczający kontrast (np. na ciemnym tle) lub dodaj obrys/cień tekstu poprawiający czytelność.

Ciekawostki

  • Nazwa „chartreuse” wiąże się bezpośrednio z zakonem Kartuzów (fr. Chartreuse), skąd pochodzi przepis na likier.
  • W systemach komputerowych i webowych ustandaryzowanie nazwy spowodowało, że „chartreuse” w CSS oznacza konkretny kod #7FFF00 — tymczasem w modzie, malarstwie czy przemyśle spożywczym „chartreuse” może oznaczać szerokie spektrum żółto-zielonych odcieni.

Podsumowując, chartreuse to żywy, jasnożółto-zielony kolor kojarzony z francuskim likierem; w webie i X11 standardem jest #7FFF00, ale w praktyce istnieje wiele wariantów tego barwnego spektrum — od jaśniejszych, bardziej żółtych po nieco przytłumione, zielonkawe tony.