Oranžinės spalvos

pavadinimai, HEX, RGB ir kontrastas

31 oranžinės spalvos, sugrupuotos pagal šviesumą. Spustelėkite bet kurią reikšmę, kad ją nukopijuotumėte.

Šviesios

15 spalvų

oldlace

CSS raktažodis

Ant balto 1.08:1 · Fail

Ant juodo 19.38:1 · AAA

linen

CSS raktažodis

Ant balto 1.12:1 · Fail

Ant juodo 18.67:1 · AAA

cornsilk

CSS raktažodis

Ant balto 1.07:1 · Fail

Ant juodo 19.71:1 · AAA

papayawhip

CSS raktažodis

Ant balto 1.13:1 · Fail

Ant juodo 18.56:1 · AAA

antiquewhite

CSS raktažodis

Ant balto 1.17:1 · Fail

Ant juodo 17.93:1 · AAA

blanchedalmond

CSS raktažodis

Ant balto 1.17:1 · Fail

Ant juodo 18.02:1 · AAA

bisque

CSS raktažodis

Ant balto 1.22:1 · Fail

Ant juodo 17.15:1 · AAA

peachpuff

CSS raktažodis

Ant balto 1.31:1 · Fail

Ant juodo 15.98:1 · AAA

moccasin

CSS raktažodis

Ant balto 1.23:1 · Fail

Ant juodo 17.02:1 · AAA

navajowhite

CSS raktažodis

Ant balto 1.29:1 · Fail

Ant juodo 16.3:1 · AAA

wheat

CSS raktažodis

Ant balto 1.31:1 · Fail

Ant juodo 15.98:1 · AAA

lightsalmon

CSS raktažodis

Ant balto 1.99:1 · Fail

Ant juodo 10.56:1 · AAA

burlywood

CSS raktažodis

Ant balto 1.86:1 · Fail

Ant juodo 11.31:1 · AAA

peach

Ant balto 1.79:1 · Fail

Ant juodo 11.75:1 · AAA

apricot

Ant balto 1.79:1 · Fail

Ant juodo 11.76:1 · AAA

Vidutinio tono

16 spalvų

darksalmon

CSS raktažodis

Ant balto 2.31:1 · Fail

Ant juodo 9.11:1 · AAA

sandybrown

CSS raktažodis

Ant balto 2.03:1 · Fail

Ant juodo 10.33:1 · AAA

coral

CSS raktažodis

Ant balto 2.5:1 · Fail

Ant juodo 8.4:1 · AAA

peru

CSS raktažodis

Ant balto 2.99:1 · Fail

Ant juodo 7.02:1 · AAA

darkorange

CSS raktažodis

Ant balto 2.33:1 · Fail

Ant juodo 9:1 · AAA

orange

CSS raktažodis

Ant balto 1.97:1 · Fail

Ant juodo 10.63:1 · AAA

orangered

CSS raktažodis

Ant balto 3.44:1 · AA Large

Ant juodo 6.1:1 · AA

sand

Ant balto 1.62:1 · Fail

Ant juodo 12.94:1 · AAA

golden yellow

Ant balto 1.58:1 · Fail

Ant juodo 13.3:1 · AAA

terracotta

Ant balto 3.83:1 · AA Large

Ant juodo 5.49:1 · AA

tangerine

Ant balto 2.21:1 · Fail

Ant juodo 9.49:1 · AAA

amber

Ant balto 1.8:1 · Fail

Ant juodo 11.67:1 · AAA

terra cotta

Ant balto 3.91:1 · AA Large

Ant juodo 5.37:1 · AA

pumpkin orange

Ant balto 2.61:1 · Fail

Ant juodo 8.04:1 · AAA

marigold

Ant balto 1.66:1 · Fail

Ant juodo 12.68:1 · AAA

orange yellow

Ant balto 1.87:1 · Fail

Ant juodo 11.23:1 · AAA

Kopijuokite visą paletę

Visos šio puslapio oranžinės spalvos, paruoštos įklijuoti į jūsų projektą.

CSS 
:root {
  --oldlace: #fdf5e6;
  --linen: #faf0e6;
  --cornsilk: #fff8dc;
  --papayawhip: #ffefd5;
  --antiquewhite: #faebd7;
  --blanchedalmond: #ffebcd;
  --bisque: #ffe4c4;
  --peachpuff: #ffdab9;
  --moccasin: #ffe4b5;
  --navajowhite: #ffdead;
  --wheat: #f5deb3;
  --lightsalmon: #ffa07a;
  --burlywood: #deb887;
  --darksalmon: #e9967a;
  --sandybrown: #f4a460;
  --coral: #ff7f50;
  --peru: #cd853f;
  --darkorange: #ff8c00;
  --orange: #ffa500;
  --orangered: #ff4500;
  --peach: #ffb07c;
  --apricot: #ffb16d;
  --sand: #e2ca76;
  --golden-yellow: #fec615;
  --terracotta: #ca6641;
  --tangerine: #ff9408;
  --amber: #feb308;
  --terra-cotta: #c9643b;
  --pumpkin-orange: #fb7d07;
  --marigold: #fcc006;
  --orange-yellow: #ffad01;
}
SCSS 
$oldlace: #fdf5e6;
$linen: #faf0e6;
$cornsilk: #fff8dc;
$papayawhip: #ffefd5;
$antiquewhite: #faebd7;
$blanchedalmond: #ffebcd;
$bisque: #ffe4c4;
$peachpuff: #ffdab9;
$moccasin: #ffe4b5;
$navajowhite: #ffdead;
$wheat: #f5deb3;
$lightsalmon: #ffa07a;
$burlywood: #deb887;
$darksalmon: #e9967a;
$sandybrown: #f4a460;
$coral: #ff7f50;
$peru: #cd853f;
$darkorange: #ff8c00;
$orange: #ffa500;
$orangered: #ff4500;
$peach: #ffb07c;
$apricot: #ffb16d;
$sand: #e2ca76;
$golden-yellow: #fec615;
$terracotta: #ca6641;
$tangerine: #ff9408;
$amber: #feb308;
$terra-cotta: #c9643b;
$pumpkin-orange: #fb7d07;
$marigold: #fcc006;
$orange-yellow: #ffad01;
Tailwind 
theme: {
  extend: {
    colors: {
      "oldlace": "#fdf5e6",
      "linen": "#faf0e6",
      "cornsilk": "#fff8dc",
      "papayawhip": "#ffefd5",
      "antiquewhite": "#faebd7",
      "blanchedalmond": "#ffebcd",
      "bisque": "#ffe4c4",
      "peachpuff": "#ffdab9",
      "moccasin": "#ffe4b5",
      "navajowhite": "#ffdead",
      "wheat": "#f5deb3",
      "lightsalmon": "#ffa07a",
      "burlywood": "#deb887",
      "darksalmon": "#e9967a",
      "sandybrown": "#f4a460",
      "coral": "#ff7f50",
      "peru": "#cd853f",
      "darkorange": "#ff8c00",
      "orange": "#ffa500",
      "orangered": "#ff4500",
      "peach": "#ffb07c",
      "apricot": "#ffb16d",
      "sand": "#e2ca76",
      "golden-yellow": "#fec615",
      "terracotta": "#ca6641",
      "tangerine": "#ff9408",
      "amber": "#feb308",
      "terra-cotta": "#c9643b",
      "pumpkin-orange": "#fb7d07",
      "marigold": "#fcc006",
      "orange-yellow": "#ffad01",
    }
  }
}

Naršykite kitas spalvų šeimas

Raudonos Rudos ir smėlio Geltonos Alyvuogių ir gelsvai žalios Žalios Žydros Mėlynos Violetinės Rožinės Pilkos ir neutralios
Nukopijuota

Susijusios skaičiuoklės

Spalvų konverteris — RGB, HEX, HSL ir CMYK keitiklis

Konvertuokite spalvas tarp RGB, HEX, HSL ir CMYK formatų iš karto. Būtina priemonė interneto dizaineriams, programuotojams ir poligrafijos specialistams.

Oranžinės spalvų pavadinimai

Oranžinė apima 15–45° atspalvį esant didesniam sodrumui ir šviesumui — juostą tarp raudonos ir geltonos, kol ji dar netamsėja į rudą. Ji atrodo šilta ir energinga, o labiausiai siejama su raginimais veikti, maistu ir rudens paletėmis.

Kaip naudoti šias spalvas

Oranžinė gerai atrodo šalia tamsiai mėlynos ir žalsvai mėlynos, kurios spalvų rate yra priešais ją. Tai stiprus antrinis akcentas, kai pagrindinė spalva mėlyna, ir geras būdas ką nors išryškinti be raudonai būdingo skubos jausmo. Dideli vientisi grynos oranžinės plotai greitai vargina akis, todėl fonui naudokite šviesesnius atspalvius, o visą sodrumą palikite mygtukams ir ženkleliams.

Kontrastas ir prieinamumas

Oranžinė yra viena sunkiausiai prieinamai naudojamų šeimų: vidutinio tono oranžinės dažnai neatitinka reikalavimų nei ant balto, nei ant juodo fono. Jei reikia oranžinio teksto, rinkitės tamsesnį nei atrodo natūralu — arba dėkite oranžinę ant tamsaus paviršiaus ir remkitės kontrasto su juoda rodikliu aukščiau. Mygtukams oranžinis fonas su juodu tekstu paprastai praeina lengviau nei su baltu.