Kolor obsydianowy

Głęboka czerń o chłodnym, szklistym tonie, nazwana od wulkanicznego szkła. Często wybiera się ją do luksusowych aut, telefonów i elektroniki. Wygląda nowocześniej niż zwykła czerń.

Inne nazwy: obsydian.

Otwórz w edytorze

Kod HEX koloru obsydianowy to #0B1215. W RGB to rgb(11, 18, 21), w HSL hsl(198, 31%, 6%), a w CMYK 48, 14, 0, 92.

Zobacz w praktyce

Wybierz kolor do połączenia i zobacz, jak wygląda na ubraniach, we wnętrzu i w projekcie.

Kolory podobne do koloru obsydianowy

Hebanowy#1B1B1B Czarny#000000 Węglowa czerń#1C1C1C Niebieskoczarny#0B1426 Antracytowy#293133 Kruczoczarny#343434

Kolor obsydianowy: podstawowe informacje

Kolor obsydianowy (#0B1215) jest zimny, ciemny i o średnim nasyceniu. Należy do grupy: odcienie czerni. Składa się z 11 czerwieni, 18 zieleni i 21 niebieskiego (w skali do 255). Typowe zastosowania: Motoryzacja, Technologia, Luksus.

Próbka koloru Obsydianowy z odcieniami od jasnego do ciemnego · #0B1215 — Obsydianowy · #0B1215

Kolor obsydianowy: odcienie jasne i ciemne

Od najjaśniejszego do najciemniejszego. Kliknij odcień, żeby skopiować jego kod.

Zobacz wszystkie odcienie: Generator odcieni kolorów

Kolor obsydianowy: harmonie kolorów

Połączenia oparte na kole barw. Więcej w narzędziu harmonie kolorów.

DopełniającyZbliżony do: Czarny

Analogiczne

TriadaZbliżony do: Hebanowy

Dopełnienie rozszczepioneZbliżony do: Czarny, Hebanowy

TetradaZbliżony do: Czarny, Hebanowy

Kolor obsydianowy: gotowe palety

Skopiuj kody albo otwórz paletę w edytorze, żeby ją dopasować.

Paleta monochromatyczna · Obsydianowy

Paleta analogiczna · Obsydianowy

Paleta dopełniająca · Obsydianowy

Paleta triada · Obsydianowy

Paleta z neutralnymi · Obsydianowy

Paleta z akcentem · Obsydianowy

Kolor obsydianowy: kontrast z tekstem

Biały tekstKontrast 18.9:1 · AAA

Czarny tekstKontrast 1.1:1 · Niezalecany

Według wytycznych WCAG 2.1. Inne pary sprawdzisz w narzędziu do sprawdzania kontrastu.

Kod CSS

:root {
  --obsydianowy: #0B1215;
  --obsydianowy-rgb: 11, 18, 21;
}
.tlo { background-color: var(--obsydianowy); }
.tekst { color: var(--obsydianowy); }