Rudos ir smėlio spalvos

pavadinimai, HEX, RGB ir kontrastas

24 rudos ir smėlio spalvos, sugrupuotos pagal šviesumą. Spustelėkite bet kurią reikšmę, kad ją nukopijuotumėte.

Vidutinio tono

16 spalvų

tan

CSS raktažodis

Ant balto 1.97:1 · Fail

Ant juodo 10.65:1 · AAA

goldenrod

CSS raktažodis

Ant balto 2.24:1 · Fail

Ant juodo 9.38:1 · AAA

chocolate

CSS raktažodis

Ant balto 3.63:1 · AA Large

Ant juodo 5.78:1 · AA

sienna

CSS raktažodis

Ant balto 5.62:1 · AA

Ant juodo 3.74:1 · AA Large

darkgoldenrod

CSS raktažodis

Ant balto 3.25:1 · AA Large

Ant juodo 6.45:1 · AA

taupe

Ant balto 2.46:1 · Fail

Ant juodo 8.55:1 · AAA

stone

Ant balto 2.47:1 · Fail

Ant juodo 8.51:1 · AAA

light brown

Ant balto 3.48:1 · AA Large

Ant juodo 6.03:1 · AA

golden

Ant balto 1.7:1 · Fail

Ant juodo 12.34:1 · AAA

mocha

Ant balto 4.08:1 · AA Large

Ant juodo 5.14:1 · AA

pumpkin

Ant balto 3.07:1 · AA Large

Ant juodo 6.84:1 · AA

copper

Ant balto 4.37:1 · AA Large

Ant juodo 4.8:1 · AA

burnt orange

Ant balto 4.85:1 · AA

Ant juodo 4.33:1 · AA Large

burnt sienna

Ant balto 5.33:1 · AA

Ant juodo 3.94:1 · AA Large

caramel

Ant balto 4.12:1 · AA Large

Ant juodo 5.1:1 · AA

golden brown

Ant balto 3.7:1 · AA Large

Ant juodo 5.68:1 · AA

Tamsios

8 spalvų

saddlebrown

CSS raktažodis

Ant balto 7.1:1 · AAA

Ant juodo 2.96:1 · Fail

umber

Ant balto 4.45:1 · AA Large

Ant juodo 4.72:1 · AA

rust

Ant balto 6.33:1 · AA

Ant juodo 3.32:1 · AA Large

bronze

Ant balto 3.89:1 · AA Large

Ant juodo 5.4:1 · AA

hazel

Ant balto 4.42:1 · AA Large

Ant juodo 4.75:1 · AA

auburn

Ant balto 7.51:1 · AAA

Ant juodo 2.8:1 · Fail

chestnut

Ant balto 10.26:1 · AAA

Ant juodo 2.05:1 · Fail

dark brown

Ant balto 15.99:1 · AAA

Ant juodo 1.31:1 · Fail

Kopijuokite visą paletę

Visos šio puslapio rudos ir smėlio spalvos, paruoštos įklijuoti į jūsų projektą.

CSS
:root {
  --tan: #d2b48c;
  --goldenrod: #daa520;
  --chocolate: #d2691e;
  --sienna: #a0522d;
  --darkgoldenrod: #b8860b;
  --saddlebrown: #8b4513;
  --taupe: #b9a281;
  --stone: #ada587;
  --light-brown: #ad8150;
  --golden: #f5bf03;
  --mocha: #9d7651;
  --pumpkin: #e17701;
  --copper: #b66325;
  --burnt-orange: #c04e01;
  --burnt-sienna: #b04e0f;
  --caramel: #af6f09;
  --golden-brown: #b27a01;
  --umber: #b26400;
  --rust: #a83c09;
  --bronze: #a87900;
  --hazel: #8e7618;
  --auburn: #9a3001;
  --chestnut: #742802;
  --dark-brown: #341c02;
}
SCSS
$tan: #d2b48c;
$goldenrod: #daa520;
$chocolate: #d2691e;
$sienna: #a0522d;
$darkgoldenrod: #b8860b;
$saddlebrown: #8b4513;
$taupe: #b9a281;
$stone: #ada587;
$light-brown: #ad8150;
$golden: #f5bf03;
$mocha: #9d7651;
$pumpkin: #e17701;
$copper: #b66325;
$burnt-orange: #c04e01;
$burnt-sienna: #b04e0f;
$caramel: #af6f09;
$golden-brown: #b27a01;
$umber: #b26400;
$rust: #a83c09;
$bronze: #a87900;
$hazel: #8e7618;
$auburn: #9a3001;
$chestnut: #742802;
$dark-brown: #341c02;
Tailwind
theme: {
  extend: {
    colors: {
      "tan": "#d2b48c",
      "goldenrod": "#daa520",
      "chocolate": "#d2691e",
      "sienna": "#a0522d",
      "darkgoldenrod": "#b8860b",
      "saddlebrown": "#8b4513",
      "taupe": "#b9a281",
      "stone": "#ada587",
      "light-brown": "#ad8150",
      "golden": "#f5bf03",
      "mocha": "#9d7651",
      "pumpkin": "#e17701",
      "copper": "#b66325",
      "burnt-orange": "#c04e01",
      "burnt-sienna": "#b04e0f",
      "caramel": "#af6f09",
      "golden-brown": "#b27a01",
      "umber": "#b26400",
      "rust": "#a83c09",
      "bronze": "#a87900",
      "hazel": "#8e7618",
      "auburn": "#9a3001",
      "chestnut": "#742802",
      "dark-brown": "#341c02",
    }
  }
}

Naršykite kitas spalvų šeimas

Nukopijuota

Rudos ir smėlio spalvų pavadinimai

Ruda nėra atskiras atspalvis — tai oranžinė ir raudona esant mažam šviesumui arba mažam sodrumui, maždaug 15–45° atspalvis, kai šviesumas mažesnis nei 45 % arba sodrumas mažesnis nei 45 %. Todėl jai nėra vietos įprastame spalvų rate, bet vis tiek reikia atskiro sąrašo. Ši šeima apima smėlio, bežinę, sienos, šokolado ir prigesintus žemės tonus.

Kaip naudoti šias spalvas

Rudos spalvos įžemina paletes, kurios kitaip atrodytų šaltos. Jos gerai dera su kreminiu, šalavijo žalia ir prigesinta mėlyna, ir yra numatytasis pasirinkimas viskam, kas primena medį, odą, kavą ar amatus. Kadangi jos neprisotintos, rudos gerai atrodo dideliuose plotuose, kur sodri spalva slėgtų — jos tinka fonui ir paviršiams.

Kontrastas ir prieinamumas

Tamsesnės čia pateiktos rudos yra patikimos teksto spalvos ant šviesaus fono ir dažnai patogiai atitinka AA. Šviesesni smėlio tonai elgiasi kaip balsvi ir turėtų būti laikomi fonu, o ne tekstu. Saugokitės vidutinio tono rudų, kurios neatitinka reikalavimų nei ant balto, nei ant juodo — jos tinka tik užpildams.