Geltonos spalvos

pavadinimai, HEX, RGB ir kontrastas

12 geltonos spalvos, sugrupuotos pagal šviesumą. Spustelėkite bet kurią reikšmę, kad ją nukopijuotumėte.

Šviesios

7 spalvų

lightyellow

CSS raktažodis

Ant balto 1.02:1 · Fail

Ant juodo 20.63:1 · AAA

beige

CSS raktažodis

Ant balto 1.11:1 · Fail

Ant juodo 18.98:1 · AAA

lemonchiffon

CSS raktažodis

Ant balto 1.06:1 · Fail

Ant juodo 19.81:1 · AAA

lightgoldenrodyellow

CSS raktažodis

Ant balto 1.07:1 · Fail

Ant juodo 19.67:1 · AAA

palegoldenrod

CSS raktažodis

Ant balto 1.25:1 · Fail

Ant juodo 16.76:1 · AAA

khaki

CSS raktažodis

Ant balto 1.28:1 · Fail

Ant juodo 16.4:1 · AAA

cream

Ant balto 1.03:1 · Fail

Ant juodo 20.34:1 · AAA

Vidutinio tono

5 spalvų

darkkhaki

CSS raktažodis

Ant balto 2.07:1 · Fail

Ant juodo 10.15:1 · AAA

gold

CSS raktažodis

Ant balto 1.4:1 · Fail

Ant juodo 14.97:1 · AAA

yellow

CSS raktažodis

Ant balto 1.07:1 · Fail

Ant juodo 19.56:1 · AAA

lemon

Ant balto 1.07:1 · Fail

Ant juodo 19.6:1 · AAA

mustard

Ant balto 2.08:1 · Fail

Ant juodo 10.07:1 · AAA

Kopijuokite visą paletę

Visos šio puslapio geltonos spalvos, paruoštos įklijuoti į jūsų projektą.

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",
    }
  }
}

Naršykite kitas spalvų šeimas

Nukopijuota

Geltonos spalvų pavadinimai

Geltona užima siaurą juostą, 45–65° atspalvį, tačiau tai ryškiausia šeima ekrane: gryna geltona turi didžiausią suvokiamą šviesį iš visų sodrių atspalvių. Čia pateiktos spalvos varijuoja nuo blyškios citrinos ir kreminės iki aukso ir garstyčių.

Kaip naudoti šias spalvas

Geltona yra įspėjimo ir išryškinimo spalva — ji patraukia dėmesį be raudonai būdingo nerimo. Ji dera su antracito ir tamsiai violetine, ir ne veltui yra tradicinė žymeklio spalva. Naudokite ją ant tamsių paviršių, kur ji suskamba, ir venkite dėti šalia balto, kur ji beveik išnyksta.

Kontrastas ir prieinamumas

Geltona yra pati prasčiausia šeima tekstui ant balto fono — beveik visos čia esančios spalvos neatitinka WCAG AA, kai kurios nesiekia net 1,5:1. Laikykite geltoną fono ar akcento spalva ir dėkite ant jos juodą tekstą. Ant tamsaus fono geltona veikia puikiai ir dažnai viršija AAA.