Firebrick til HSL — Fargekode

#b22222
Format Value
HEX #b22222
RGB rgb(178, 34, 34)
HSL hsl(0, 67.9%, 41.6%)
CMYK cmyk(0%, 80.9%, 80.9%, 30.2%)
HSV hsv(0, 80.9%, 69.8%)

firebrick fargeharmonier

Lysere og mørkere nyanser av firebrick

Lysere

#b93636 #c04a4a #c75e5e #ce7272 #d58686 #dc9b9b #e3afaf #eac3c3 #f1d7d7 #f8ebeb

Mørkere

#a21f1f #921c1c #811919 #711616 #611313 #510f0f #410c0c #310909 #200606 #100303

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 6.68:1 · AA

Den raske brune reven

På svart · 3.14:1 · AA Large

Anbefalt tekstfarge: #ffffff

Bruk firebrick i kode

CSS color: #b22222;
SCSS $color: #b22222;
Tailwind bg-[#b22222]
Swift UIColor(red: 0.698, green: 0.133, blue: 0.133, alpha: 1)
Android Color.parseColor("#b22222")
Flutter Color(0xFFB22222)

Farger som ligner firebrick

Se alle Røde farger →

Hva er HSL-koden for firebrick?

CSS-fargen firebrick i HSL-format er hsl(0, 67.9%, 41.6%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg firebrick i CSS?

For å bruke firebrick i CSS:

  • Tekstfarge: color: hsl(0, 67.9%, 41.6%);
  • Bakgrunnsfarge: background-color: hsl(0, 67.9%, 41.6%);
  • Kantlinje: border-color: hsl(0, 67.9%, 41.6%);

Hva er alle fargeformatverdiene for firebrick?

FormatValue
HEX#b22222
RGBrgb(178, 34, 34)
HSLhsl(0, 67.9%, 41.6%)
CMYKcmyk(0%, 80.9%, 80.9%, 30.2%)

Hvordan konverterer jeg firebrick til HSL?

Velg firebrick fra fargelisten i vår fargekonverter. HSL-verdien — hsl(0, 67.9%, 41.6%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører firebrick?

firebrick tilhører den rød fargefamilien. Det er en middels, moderat mettet farge med HSL-verdier: fargetone 0°, metning 67.9%, lyshet 41.6%.

Hvordan lager jeg lysere og mørkere nyanser av firebrick?

Lysere variant (lyshet 56.6%): #db4545. Mørkere variant (lyshet 26.6%): #721616. Disse verdiene beregnes ved å justere HSL-lysheten ±15% mens fargetone og metning beholdes.

Hva brukes HSL-formatet til?

HSL beskriver farger med fargetone (0–360°), metning (0–100%) og lyshet (0–100%). Det er mer intuitivt for designere og gjør det enkelt å lage lysere, mørkere eller mer dempede varianter.