Lightblue til HSL — Fargekode

#add8e6
Format Value
HEX #add8e6
RGB rgb(173, 216, 230)
HSL hsl(194.7, 53.3%, 79%)
CMYK cmyk(24.8%, 6.1%, 0%, 9.8%)
HSV hsv(194.7, 24.8%, 90.2%)

lightblue fargeharmonier

Lysere og mørkere nyanser av lightblue

Lysere

#b4dce8 #bcdfeb #c3e3ed #cbe6ef #d2eaf1 #daedf4 #e1f1f6 #e9f4f8 #f0f8fa #f8fbfd

Mørkere

#9dc4d1 #8eb1bc #7e9da7 #6e8992 #5e767d #4f6269 #3f4f54 #2f3b3f #1f272a #101415

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.53:1 · Fail

Den raske brune reven

På svart · 13.74:1 · AAA

Anbefalt tekstfarge: #000000

Bruk lightblue i kode

CSS color: #add8e6;
SCSS $color: #add8e6;
Tailwind bg-[#add8e6]
Swift UIColor(red: 0.678, green: 0.847, blue: 0.902, alpha: 1)
Android Color.parseColor("#add8e6")
Flutter Color(0xFFADD8E6)

Farger som ligner lightblue

Se alle Cyan farger →

Hva er HSL-koden for lightblue?

CSS-fargen lightblue i HSL-format er hsl(194.7, 53.3%, 79%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg lightblue i CSS?

For å bruke lightblue i CSS:

  • Tekstfarge: color: hsl(194.7, 53.3%, 79%);
  • Bakgrunnsfarge: background-color: hsl(194.7, 53.3%, 79%);
  • Kantlinje: border-color: hsl(194.7, 53.3%, 79%);

Hva er alle fargeformatverdiene for lightblue?

FormatValue
HEX#add8e6
RGBrgb(173, 216, 230)
HSLhsl(194.7, 53.3%, 79%)
CMYKcmyk(24.8%, 6.1%, 0%, 9.8%)

Hvordan konverterer jeg lightblue til HSL?

Velg lightblue fra fargelisten i vår fargekonverter. HSL-verdien — hsl(194.7, 53.3%, 79%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører lightblue?

lightblue tilhører den cyan fargefamilien. Det er en lys, moderat mettet farge med HSL-verdier: fargetone 194.7°, metning 53.3%, lyshet 79%.

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

Lysere variant (lyshet 94%): #e8f4f8. Mørkere variant (lyshet 64%): #72bcd4. 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.