Brown til HSL — Fargekode

#a52a2a
Format Value
HEX #a52a2a
RGB rgb(165, 42, 42)
HSL hsl(0, 59.4%, 40.6%)
CMYK cmyk(0%, 74.5%, 74.5%, 35.3%)
HSV hsv(0, 74.5%, 64.7%)

brown fargeharmonier

Lysere og mørkere nyanser av brown

Lysere

#ad3d3d #b55151 #be6464 #c67777 #ce8b8b #d69e9e #deb2b2 #e6c5c5 #efd8d8 #f7ecec

Mørkere

#962626 #872222 #781f1f #691b1b #5a1717 #4b1313 #3c0f0f #2d0b0b #1e0808 #0f0404

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 7.08:1 · AAA

Den raske brune reven

På svart · 2.96:1 · Fail

Anbefalt tekstfarge: #ffffff

Bruk brown i kode

CSS color: #a52a2a;
SCSS $color: #a52a2a;
Tailwind bg-[#a52a2a]
Swift UIColor(red: 0.647, green: 0.165, blue: 0.165, alpha: 1)
Android Color.parseColor("#a52a2a")
Flutter Color(0xFFA52A2A)

Farger som ligner brown

Se alle Røde farger →

Hva er HSL-koden for brown?

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

Hvordan bruker jeg brown i CSS?

For å bruke brown i CSS:

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

Hva er alle fargeformatverdiene for brown?

FormatValue
HEX#a52a2a
RGBrgb(165, 42, 42)
HSLhsl(0, 59.4%, 40.6%)
CMYKcmyk(0%, 74.5%, 74.5%, 35.3%)

Hvordan konverterer jeg brown til HSL?

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

Hvilken fargefamilie tilhører brown?

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

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

Lysere variant (lyshet 55.6%): #d14b4b. Mørkere variant (lyshet 25.6%): #681b1b. 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.