Hotpink til HSL — Fargekode

#ff69b4
Format Value
HEX #ff69b4
RGB rgb(255, 105, 180)
HSL hsl(330, 100%, 70.6%)
CMYK cmyk(0%, 58.8%, 29.4%, 0%)
HSV hsv(330, 58.8%, 100%)

hotpink fargeharmonier

Lysere og mørkere nyanser av hotpink

Lysere

#ff77bb #ff84c2 #ff92c8 #ffa0cf #ffadd6 #ffbbdd #ffc8e4 #ffd6eb #ffe4f1 #fff1f8

Mørkere

#e85fa4 #d15693 #b94c83 #a24373 #8b3962 #743052 #5d2641 #461d31 #2e1321 #170a10

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 2.65:1 · Fail

Den raske brune reven

På svart · 7.93:1 · AAA

Anbefalt tekstfarge: #000000

Bruk hotpink i kode

CSS color: #ff69b4;
SCSS $color: #ff69b4;
Tailwind bg-[#ff69b4]
Swift UIColor(red: 1.000, green: 0.412, blue: 0.706, alpha: 1)
Android Color.parseColor("#ff69b4")
Flutter Color(0xFFFF69B4)

Farger som ligner hotpink

Se alle Rosa farger →

Hva er HSL-koden for hotpink?

CSS-fargen hotpink i HSL-format er hsl(330, 100%, 70.6%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg hotpink i CSS?

For å bruke hotpink i CSS:

  • Tekstfarge: color: hsl(330, 100%, 70.6%);
  • Bakgrunnsfarge: background-color: hsl(330, 100%, 70.6%);
  • Kantlinje: border-color: hsl(330, 100%, 70.6%);

Hva er alle fargeformatverdiene for hotpink?

FormatValue
HEX#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330, 100%, 70.6%)
CMYKcmyk(0%, 58.8%, 29.4%, 0%)

Hvordan konverterer jeg hotpink til HSL?

Velg hotpink fra fargelisten i vår fargekonverter. HSL-verdien — hsl(330, 100%, 70.6%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører hotpink?

hotpink tilhører den rosa fargefamilien. Det er en lys, livlig farge med HSL-verdier: fargetone 330°, metning 100%, lyshet 70.6%.

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

Lysere variant (lyshet 85.6%): #ffb6da. Mørkere variant (lyshet 55.599999999999994%): #ff1d8e. 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.