Sand til HSL — Fargekode

#e2ca76
Format Value
HEX #e2ca76
RGB rgb(226, 202, 118)
HSL hsl(46.7, 65.1%, 67.5%)
CMYK cmyk(0%, 10.6%, 47.8%, 11.4%)
HSV hsv(46.7, 47.8%, 88.6%)

sand fargeharmonier

Lysere og mørkere nyanser av sand

Lysere

#e5cf82 #e7d48f #ead89b #eddda8 #efe2b4 #f2e7c1 #f4eccd #f7f1da #faf5e6 #fcfaf3

Mørkere

#cdb86b #b9a561 #a49356 #90814b #7b6e40 #675c36 #52492b #3e3720 #292515 #15120b

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.62:1 · Fail

Den raske brune reven

På svart · 12.94:1 · AAA

Anbefalt tekstfarge: #000000

Bruk sand i kode

CSS color: #e2ca76;
SCSS $color: #e2ca76;
Tailwind bg-[#e2ca76]
Swift UIColor(red: 0.886, green: 0.792, blue: 0.463, alpha: 1)
Android Color.parseColor("#e2ca76")
Flutter Color(0xFFE2CA76)

Farger som ligner sand

Se alle Gule farger →

Hva er HSL-koden for sand?

CSS-fargen sand i HSL-format er hsl(46.7, 65.1%, 67.5%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg sand i CSS?

For å bruke sand i CSS:

  • Tekstfarge: color: hsl(46.7, 65.1%, 67.5%);
  • Bakgrunnsfarge: background-color: hsl(46.7, 65.1%, 67.5%);
  • Kantlinje: border-color: hsl(46.7, 65.1%, 67.5%);

Hva er alle fargeformatverdiene for sand?

FormatValue
HEX#e2ca76
RGBrgb(226, 202, 118)
HSLhsl(46.7, 65.1%, 67.5%)
CMYKcmyk(0%, 10.6%, 47.8%, 11.4%)

Hvordan konverterer jeg sand til HSL?

Velg sand fra fargelisten i vår fargekonverter. HSL-verdien — hsl(46.7, 65.1%, 67.5%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører sand?

sand tilhører den gul fargefamilien. Det er en middels, moderat mettet farge med HSL-verdier: fargetone 46.7°, metning 65.1%, lyshet 67.5%.

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

Lysere variant (lyshet 82.5%): #efe3b5. Mørkere variant (lyshet 52.5%): #d5b237. 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.