Raudonos spalvos

pavadinimai, HEX, RGB ir kontrastas

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

Šviesios

8 spalvų

mistyrose

CSS raktažodis

Ant balto 1.2:1 · Fail

Ant juodo 17.44:1 · AAA

pink

CSS raktažodis

Ant balto 1.54:1 · Fail

Ant juodo 13.65:1 · AAA

lightpink

CSS raktažodis

Ant balto 1.65:1 · Fail

Ant juodo 12.71:1 · AAA

lightcoral

CSS raktažodis

Ant balto 2.59:1 · Fail

Ant juodo 8.1:1 · AAA

salmon

CSS raktažodis

Ant balto 2.5:1 · Fail

Ant juodo 8.4:1 · AAA

pale rose

Ant balto 1.54:1 · Fail

Ant juodo 13.61:1 · AAA

rose pink

Ant balto 2.36:1 · Fail

Ant juodo 8.89:1 · AAA

salmon pink

Ant balto 2.52:1 · Fail

Ant juodo 8.34:1 · AAA

Vidutinio tono

19 spalvų

rosybrown

CSS raktažodis

Ant balto 2.81:1 · Fail

Ant juodo 7.46:1 · AAA

tomato

CSS raktažodis

Ant balto 2.95:1 · Fail

Ant juodo 7.13:1 · AAA

indianred

CSS raktažodis

Ant balto 3.98:1 · AA Large

Ant juodo 5.28:1 · AA

red

CSS raktažodis

Ant balto 4:1 · AA Large

Ant juodo 5.25:1 · AA

crimson

CSS raktažodis

Ant balto 4.99:1 · AA

Ant juodo 4.21:1 · AA Large

firebrick

CSS raktažodis

Ant balto 6.68:1 · AA

Ant juodo 3.14:1 · AA Large

brown

CSS raktažodis

Ant balto 7.08:1 · AAA

Ant juodo 2.96:1 · Fail

coral pink

Ant balto 2.94:1 · Fail

Ant juodo 7.14:1 · AAA

dusty pink

Ant balto 2.66:1 · Fail

Ant juodo 7.89:1 · AAA

melon

Ant balto 2.6:1 · Fail

Ant juodo 8.07:1 · AAA

dusty rose

Ant balto 3.51:1 · AA Large

Ant juodo 5.97:1 · AA

rose

Ant balto 3.71:1 · AA Large

Ant juodo 5.66:1 · AA

strawberry

Ant balto 3.82:1 · AA Large

Ant juodo 5.5:1 · AA

neon red

Ant balto 3.93:1 · AA Large

Ant juodo 5.34:1 · AA

red orange

Ant balto 3.6:1 · AA Large

Ant juodo 5.83:1 · AA

dark rose

Ant balto 5.19:1 · AA

Ant juodo 4.05:1 · AA Large

cherry

Ant balto 5.66:1 · AA

Ant juodo 3.71:1 · AA Large

brick

Ant balto 6.89:1 · AA

Ant juodo 3.05:1 · AA Large

scarlet

Ant balto 6.55:1 · AA

Ant juodo 3.21:1 · AA Large

Tamsios

8 spalvų

darkred

CSS raktažodis

Ant balto 10.01:1 · AAA

Ant juodo 2.1:1 · Fail

maroon

CSS raktažodis

Ant balto 10.95:1 · AAA

Ant juodo 1.92:1 · Fail

deep red

Ant balto 8.81:1 · AAA

Ant juodo 2.38:1 · Fail

blood red

Ant balto 8.99:1 · AAA

Ant juodo 2.34:1 · Fail

brick red

Ant balto 9.26:1 · AAA

Ant juodo 2.27:1 · Fail

dark red

Ant balto 10.6:1 · AAA

Ant juodo 1.98:1 · Fail

claret

Ant balto 13.11:1 · AAA

Ant juodo 1.6:1 · Fail

mahogany

Ant balto 16.21:1 · AAA

Ant juodo 1.3:1 · Fail

Kopijuokite visą paletę

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

CSS
:root {
  --mistyrose: #ffe4e1;
  --pink: #ffc0cb;
  --lightpink: #ffb6c1;
  --lightcoral: #f08080;
  --salmon: #fa8072;
  --rosybrown: #bc8f8f;
  --tomato: #ff6347;
  --indianred: #cd5c5c;
  --red: #ff0000;
  --crimson: #dc143c;
  --firebrick: #b22222;
  --brown: #a52a2a;
  --darkred: #8b0000;
  --maroon: #800000;
  --pale-rose: #fdc1c5;
  --rose-pink: #f7879a;
  --salmon-pink: #fe7b7c;
  --coral-pink: #ff6163;
  --dusty-pink: #d58a94;
  --melon: #ff7855;
  --dusty-rose: #c0737a;
  --rose: #cf6275;
  --strawberry: #fb2943;
  --neon-red: #ff073a;
  --red-orange: #fd3c06;
  --dark-rose: #b5485d;
  --cherry: #cf0234;
  --brick: #a03623;
  --scarlet: #be0119;
  --deep-red: #9a0200;
  --blood-red: #980002;
  --brick-red: #8f1402;
  --dark-red: #840000;
  --claret: #680018;
  --mahogany: #4a0100;
}
SCSS
$mistyrose: #ffe4e1;
$pink: #ffc0cb;
$lightpink: #ffb6c1;
$lightcoral: #f08080;
$salmon: #fa8072;
$rosybrown: #bc8f8f;
$tomato: #ff6347;
$indianred: #cd5c5c;
$red: #ff0000;
$crimson: #dc143c;
$firebrick: #b22222;
$brown: #a52a2a;
$darkred: #8b0000;
$maroon: #800000;
$pale-rose: #fdc1c5;
$rose-pink: #f7879a;
$salmon-pink: #fe7b7c;
$coral-pink: #ff6163;
$dusty-pink: #d58a94;
$melon: #ff7855;
$dusty-rose: #c0737a;
$rose: #cf6275;
$strawberry: #fb2943;
$neon-red: #ff073a;
$red-orange: #fd3c06;
$dark-rose: #b5485d;
$cherry: #cf0234;
$brick: #a03623;
$scarlet: #be0119;
$deep-red: #9a0200;
$blood-red: #980002;
$brick-red: #8f1402;
$dark-red: #840000;
$claret: #680018;
$mahogany: #4a0100;
Tailwind
theme: {
  extend: {
    colors: {
      "mistyrose": "#ffe4e1",
      "pink": "#ffc0cb",
      "lightpink": "#ffb6c1",
      "lightcoral": "#f08080",
      "salmon": "#fa8072",
      "rosybrown": "#bc8f8f",
      "tomato": "#ff6347",
      "indianred": "#cd5c5c",
      "red": "#ff0000",
      "crimson": "#dc143c",
      "firebrick": "#b22222",
      "brown": "#a52a2a",
      "darkred": "#8b0000",
      "maroon": "#800000",
      "pale-rose": "#fdc1c5",
      "rose-pink": "#f7879a",
      "salmon-pink": "#fe7b7c",
      "coral-pink": "#ff6163",
      "dusty-pink": "#d58a94",
      "melon": "#ff7855",
      "dusty-rose": "#c0737a",
      "rose": "#cf6275",
      "strawberry": "#fb2943",
      "neon-red": "#ff073a",
      "red-orange": "#fd3c06",
      "dark-rose": "#b5485d",
      "cherry": "#cf0234",
      "brick": "#a03623",
      "scarlet": "#be0119",
      "deep-red": "#9a0200",
      "blood-red": "#980002",
      "brick-red": "#8f1402",
      "dark-red": "#840000",
      "claret": "#680018",
      "mahogany": "#4a0100",
    }
  }
}

Naršykite kitas spalvų šeimas

Nukopijuota

Raudonos spalvų pavadinimai

Raudona yra abiejuose spalvų rato galuose, maždaug 345–15°. Tai labiausiai dėmesį patraukianti šeima ekrane — todėl ji vyrauja klaidų pranešimuose, išpardavimų ženkleliuose ir įspėjimų piktogramose. Čia pateiktos raudonos spalvos varijuoja nuo blyškios lašišos ir šviesių koralų iki karmino ir tamsiai bordo.

Kaip naudoti šias spalvas

Raudonos natūraliai dera su kreminiu ir balsvu fonu, o kai reikia kontrasto neprarandant spalvingumo — su tamsiai mėlyna ar antracito spalva. Sodrią raudoną palikite vienam akcentui viename ekrane: išskleista dideliuose plotuose ji skamba kaip pavojaus signalas, o ne kaip pabrėžimas. Naikinimo mygtukams rinkitės raudoną, kurios kontrastas su fonu bent 4,5:1, o ryškiausius tonus palikite piktogramoms ir rėmeliams.

Kontrastas ir prieinamumas

Dauguma vidutinio tono raudonų neatitinka WCAG AA kaip tekstas ant balto fono, todėl prieš naudodami jas pagrindiniam tekstui patikrinkite santykius aukščiau. Raudonos ir žalios spalvų neskyrimas paliečia maždaug 8 % vyrų, todėl niekada nekoduokite reikšmės vien spalva — pridėkite piktogramą, užrašą ar raštą. Tamsesnės šios sąrašo raudonos yra saugiausias pasirinkimas tekstui.