Farba obsidiánová

Hlboká čierna s chladným, sklovitým tónom, pomenovaná podľa vulkanického skla. Pôsobí o niečo modrejšie a živšie než čistá čierna. Používa sa v luxusných obaloch, technológiách a tmavých webových témach.

Iné názvy: obsidián, vulkanická čierna.

Otvoriť v editore

HEX kód farby obsidiánová je #0B1215. V RGB je to rgb(11, 18, 21), v HSL hsl(198, 31%, 6%) a v CMYK 48, 14, 0, 92.

Ako vyzerá naozaj

Vyberte farbu na kombináciu a pozrite sa, ako vyzerá na oblečení, v interiéri a v dizajne.

Farby podobné farbe obsidiánová

Ebenová#1B1B1B Čierna#000000 Uhľovočierna#1C1C1C Modročierna#0B1426 Antracitová#293133 Gagátová#343434

Farba obsidiánová v skratke

Farba obsidiánová (#0B1215) je studená, tmavá a so strednou sýtosťou. Patrí do skupiny odtiene čiernej. Skladá sa z 11 dielov červenej, 18 zelenej a 21 modrej (z 255). Typické použitie: Luxus, Technológie, Web.

Vzorka farby Obsidiánová s odtieňmi od svetlého po tmavý · #0B1215 — Obsidiánová · #0B1215

Odtiene farby obsidiánová: svetlé a tmavé

Od najsvetlejšieho po najtmavší. Ťukni na odtieň a skopíruj jeho kód.

Zobraz všetky odtiene: Generátor odtieňov farieb

Harmónie farby obsidiánová

Kombinácie podľa farebného kruhu. Viac nájdeš v nástroji harmónia farieb.

KomplementárnaBlízko: Čierna

Analogické

TriádaBlízko: Ebenová

Rozdelená komplementárnaBlízko: Čierna, Ebenová

TetrádaBlízko: Čierna, Ebenová

Palety s farbou obsidiánová

Skopíruj kódy alebo otvor paletu v editore a uprav si ju.

Paleta: Monochromatická · Obsidiánová

Paleta: Analogická · Obsidiánová

Paleta: Komplementárna · Obsidiánová

Paleta: Triáda · Obsidiánová

Paleta: S neutrálnymi farbami · Obsidiánová

Paleta: S akcentom · Obsidiánová

Kontrast farby obsidiánová s textom

Biely textKontrast 18.9:1 · AAA

Čierny textKontrast 1.1:1 · Neodporúča sa

Podľa pravidiel WCAG 2.1. Ďalšie dvojice si over v kontrole kontrastu.

Kód CSS

:root {
  --obsidianova: #0B1215;
  --obsidianova-rgb: 11, 18, 21;
}
.pozadie { background-color: var(--obsidianova); }
.text { color: var(--obsidianova); }