Gule farger

navn, HEX, RGB og kontrast

12 gule farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

7 farger

lightyellow

CSS-nøkkelord

På hvitt 1.02:1 · Fail

På svart 20.63:1 · AAA

beige

CSS-nøkkelord

På hvitt 1.11:1 · Fail

På svart 18.98:1 · AAA

lemonchiffon

CSS-nøkkelord

På hvitt 1.06:1 · Fail

På svart 19.81:1 · AAA

lightgoldenrodyellow

CSS-nøkkelord

På hvitt 1.07:1 · Fail

På svart 19.67:1 · AAA

palegoldenrod

CSS-nøkkelord

På hvitt 1.25:1 · Fail

På svart 16.76:1 · AAA

khaki

CSS-nøkkelord

På hvitt 1.28:1 · Fail

På svart 16.4:1 · AAA

cream

På hvitt 1.03:1 · Fail

På svart 20.34:1 · AAA

Middels

5 farger

darkkhaki

CSS-nøkkelord

På hvitt 2.07:1 · Fail

På svart 10.15:1 · AAA

gold

CSS-nøkkelord

På hvitt 1.4:1 · Fail

På svart 14.97:1 · AAA

yellow

CSS-nøkkelord

På hvitt 1.07:1 · Fail

På svart 19.56:1 · AAA

lemon

På hvitt 1.07:1 · Fail

På svart 19.6:1 · AAA

mustard

På hvitt 2.08:1 · Fail

På svart 10.07:1 · AAA

Kopier hele paletten

Alle gule fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS 
:root {
  --lightyellow: #ffffe0;
  --beige: #f5f5dc;
  --lemonchiffon: #fffacd;
  --lightgoldenrodyellow: #fafad2;
  --palegoldenrod: #eee8aa;
  --khaki: #f0e68c;
  --darkkhaki: #bdb76b;
  --gold: #ffd700;
  --yellow: #ffff00;
  --cream: #ffffc2;
  --lemon: #fdff52;
  --mustard: #ceb301;
}
SCSS 
$lightyellow: #ffffe0;
$beige: #f5f5dc;
$lemonchiffon: #fffacd;
$lightgoldenrodyellow: #fafad2;
$palegoldenrod: #eee8aa;
$khaki: #f0e68c;
$darkkhaki: #bdb76b;
$gold: #ffd700;
$yellow: #ffff00;
$cream: #ffffc2;
$lemon: #fdff52;
$mustard: #ceb301;
Tailwind 
theme: {
  extend: {
    colors: {
      "lightyellow": "#ffffe0",
      "beige": "#f5f5dc",
      "lemonchiffon": "#fffacd",
      "lightgoldenrodyellow": "#fafad2",
      "palegoldenrod": "#eee8aa",
      "khaki": "#f0e68c",
      "darkkhaki": "#bdb76b",
      "gold": "#ffd700",
      "yellow": "#ffff00",
      "cream": "#ffffc2",
      "lemon": "#fdff52",
      "mustard": "#ceb301",
    }
  }
}

Bla gjennom andre fargefamilier

Røde Oransje Brune og beige Oliven og gulgrønne Grønne Cyan Blå Lilla Rosa Grå og nøytrale
Kopiert

Relaterte kalkulatorer

Fargekonverter — RGB, HEX, HSL og CMYK

Konverter farger mellom RGB, HEX, HSL og CMYK umiddelbart. Nyttig verktøy for webutviklere, designere og fagfolk som jobber med digitale og trykte medier.

Gule fargenavn

Gul opptar et smalt bånd, fargetone 45–65°, men er den lyseste familien på skjerm: ren gul har den høyeste opplevde luminansen av alle mettede fargetoner. Fargene her går fra blek sitron og krem via gull til sennep.

Slik bruker du disse fargene

Gul er en varsel- og fremhevingsfarge — den trekker oppmerksomhet uten alarmen rødt bærer. Den passer med koksgrå og dyp lilla, og er ikke uten grunn den tradisjonelle markørfargen. Bruk den mot mørke flater der den synger, og unngå å sette den inntil hvitt, der den nesten forsvinner.

Kontrast og tilgjengelighet

Gul er den klart dårligste familien for tekst på hvitt — nesten alle fargene her stryker på WCAG AA, noen under 1,5:1. Behandle gult som en bakgrunns- eller aksentfarge og sett svart tekst på den. På mørk bakgrunn presterer gult utmerket og overgår ofte AAA.