Taupe til HSL — Fargekode

#b9a281
Format Value
HEX #b9a281
RGB rgb(185, 162, 129)
HSL hsl(35.4, 28.6%, 61.6%)
CMYK cmyk(0%, 12.4%, 30.3%, 27.5%)
HSV hsv(35.4, 30.3%, 72.5%)

taupe fargeharmonier

Lysere og mørkere nyanser av taupe

Lysere

#bfaa8c #c6b398 #ccbba3 #d2c4af #d9ccba #dfd5c6 #e6ddd1 #ece6dd #f2eee8 #f9f7f4

Mørkere

#a89375 #97856a #87765e #766752 #655846 #544a3b #433b2f #322c23 #221d17 #110f0c

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 2.46:1 · Fail

Den raske brune reven

På svart · 8.55:1 · AAA

Anbefalt tekstfarge: #000000

Bruk taupe i kode

CSS color: #b9a281;
SCSS $color: #b9a281;
Tailwind bg-[#b9a281]
Swift UIColor(red: 0.725, green: 0.635, blue: 0.506, alpha: 1)
Android Color.parseColor("#b9a281")
Flutter Color(0xFFB9A281)

Farger som ligner taupe

Se alle Oransje farger →

Hva er HSL-koden for taupe?

CSS-fargen taupe i HSL-format er hsl(35.4, 28.6%, 61.6%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg taupe i CSS?

For å bruke taupe i CSS:

  • Tekstfarge: color: hsl(35.4, 28.6%, 61.6%);
  • Bakgrunnsfarge: background-color: hsl(35.4, 28.6%, 61.6%);
  • Kantlinje: border-color: hsl(35.4, 28.6%, 61.6%);

Hva er alle fargeformatverdiene for taupe?

FormatValue
HEX#b9a281
RGBrgb(185, 162, 129)
HSLhsl(35.4, 28.6%, 61.6%)
CMYKcmyk(0%, 12.4%, 30.3%, 27.5%)

Hvordan konverterer jeg taupe til HSL?

Velg taupe fra fargelisten i vår fargekonverter. HSL-verdien — hsl(35.4, 28.6%, 61.6%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører taupe?

taupe tilhører den oransje fargefamilien. Det er en middels, dempet farge med HSL-verdier: fargetone 35.4°, metning 28.6%, lyshet 61.6%.

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

Lysere variant (lyshet 76.6%): #d4c6b2. Mørkere variant (lyshet 46.6%): #997d55. 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.