Skyblue til HSL — Fargekode

#87ceeb
Format Value
HEX #87ceeb
RGB rgb(135, 206, 235)
HSL hsl(197.4, 71.4%, 72.5%)
CMYK cmyk(42.6%, 12.3%, 0%, 7.8%)
HSV hsv(197.4, 42.6%, 92.2%)

skyblue fargeharmonier

Lysere og mørkere nyanser av skyblue

Lysere

#92d2ed #9dd7ef #a8dbf0 #b3e0f2 #bee4f4 #c8e9f6 #d3edf8 #def2fa #e9f6fb #f4fbfd

Mørkere

#7bbbd6 #6ea9c0 #6296ab #568396 #4a7080 #3d5e6b #314b55 #253840 #19252b #0c1315

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.74:1 · Fail

Den raske brune reven

På svart · 12.06:1 · AAA

Anbefalt tekstfarge: #000000

Bruk skyblue i kode

CSS color: #87ceeb;
SCSS $color: #87ceeb;
Tailwind bg-[#87ceeb]
Swift UIColor(red: 0.529, green: 0.808, blue: 0.922, alpha: 1)
Android Color.parseColor("#87ceeb")
Flutter Color(0xFF87CEEB)

Farger som ligner skyblue

Se alle Blå farger →

Hva er HSL-koden for skyblue?

CSS-fargen skyblue i HSL-format er hsl(197.4, 71.4%, 72.5%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg skyblue i CSS?

For å bruke skyblue i CSS:

  • Tekstfarge: color: hsl(197.4, 71.4%, 72.5%);
  • Bakgrunnsfarge: background-color: hsl(197.4, 71.4%, 72.5%);
  • Kantlinje: border-color: hsl(197.4, 71.4%, 72.5%);

Hva er alle fargeformatverdiene for skyblue?

FormatValue
HEX#87ceeb
RGBrgb(135, 206, 235)
HSLhsl(197.4, 71.4%, 72.5%)
CMYKcmyk(42.6%, 12.3%, 0%, 7.8%)

Hvordan konverterer jeg skyblue til HSL?

Velg skyblue fra fargelisten i vår fargekonverter. HSL-verdien — hsl(197.4, 71.4%, 72.5%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører skyblue?

skyblue tilhører den blå fargefamilien. Det er en lys, livlig farge med HSL-verdier: fargetone 197.4°, metning 71.4%, lyshet 72.5%.

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

Lysere variant (lyshet 87.5%): #c8e9f6. Mørkere variant (lyshet 57.5%): #45b3e0. 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.