mistyrose
CSS raktažodis
Ant balto 1.2:1 · Fail
Ant juodo 17.44:1 · AAA
pavadinimai, HEX, RGB ir kontrastas
35 raudonos spalvos, sugrupuotos pagal šviesumą. Spustelėkite bet kurią reikšmę, kad ją nukopijuotumėte.
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
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
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
Visos šio puslapio raudonos spalvos, paruoštos įklijuoti į jūsų projektą.
: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;
} $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;
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",
}
}
} 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.
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.
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.