Chestnut til HSL — Fargekode

#742802
Format Value
HEX #742802
RGB rgb(116, 40, 2)
HSL hsl(20, 96.6%, 23.1%)
CMYK cmyk(0%, 65.5%, 98.3%, 54.5%)
HSV hsv(20, 98.3%, 45.5%)

chestnut fargeharmonier

Lysere og mørkere nyanser av chestnut

Lysere

#813c19 #8d4f30 #9a6347 #a7765e #b38a75 #c09d8c #ccb1a3 #d9c4ba #e6d8d1 #f2ebe8

Mørkere

#692402 #5f2102 #541d01 #4a1901 #3f1601 #351201 #2a0f01 #200b01 #150700 #0b0400

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 10.26:1 · AAA

Den raske brune reven

På svart · 2.05:1 · Fail

Anbefalt tekstfarge: #ffffff

Bruk chestnut i kode

CSS color: #742802;
SCSS $color: #742802;
Tailwind bg-[#742802]
Swift UIColor(red: 0.455, green: 0.157, blue: 0.008, alpha: 1)
Android Color.parseColor("#742802")
Flutter Color(0xFF742802)

Farger som ligner chestnut

Se alle Oransje farger →

Hva er HSL-koden for chestnut?

CSS-fargen chestnut i HSL-format er hsl(20, 96.6%, 23.1%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg chestnut i CSS?

For å bruke chestnut i CSS:

  • Tekstfarge: color: hsl(20, 96.6%, 23.1%);
  • Bakgrunnsfarge: background-color: hsl(20, 96.6%, 23.1%);
  • Kantlinje: border-color: hsl(20, 96.6%, 23.1%);

Hva er alle fargeformatverdiene for chestnut?

FormatValue
HEX#742802
RGBrgb(116, 40, 2)
HSLhsl(20, 96.6%, 23.1%)
CMYKcmyk(0%, 65.5%, 98.3%, 54.5%)

Hvordan konverterer jeg chestnut til HSL?

Velg chestnut fra fargelisten i vår fargekonverter. HSL-verdien — hsl(20, 96.6%, 23.1%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører chestnut?

chestnut tilhører den oransje fargefamilien. Det er en mørk, livlig farge med HSL-verdier: fargetone 20°, metning 96.6%, lyshet 23.1%.

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

Lysere variant (lyshet 38.1%): #bf4203. Mørkere variant (lyshet 8.100000000000001%): #290e01. 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.