Žydros spalvos

pavadinimai, HEX, RGB ir kontrastas

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

Šviesios

6 spalvų

lightcyan

CSS raktažodis

Ant balto 1.05:1 · Fail

Ant juodo 19.92:1 · AAA

paleturquoise

CSS raktažodis

Ant balto 1.29:1 · Fail

Ant juodo 16.29:1 · AAA

powderblue

CSS raktažodis

Ant balto 1.43:1 · Fail

Ant juodo 14.65:1 · AAA

lightblue

CSS raktažodis

Ant balto 1.53:1 · Fail

Ant juodo 13.74:1 · AAA

pale blue

Ant balto 1.09:1 · Fail

Ant juodo 19.29:1 · AAA

tiffany blue

Ant balto 1.35:1 · Fail

Ant juodo 15.56:1 · AAA

Vidutinio tono

10 spalvų

turquoise

CSS raktažodis

Ant balto 1.64:1 · Fail

Ant juodo 12.79:1 · AAA

mediumturquoise

CSS raktažodis

Ant balto 1.86:1 · Fail

Ant juodo 11.27:1 · AAA

aqua

CSS raktažodis

Ant balto 1.25:1 · Fail

Ant juodo 16.75:1 · AAA

cadetblue

CSS raktažodis

Ant balto 3.05:1 · AA Large

Ant juodo 6.88:1 · AA

cyan

CSS raktažodis

Ant balto 1.25:1 · Fail

Ant juodo 16.75:1 · AAA

lightseagreen

CSS raktažodis

Ant balto 2.62:1 · Fail

Ant juodo 8.01:1 · AAA

darkturquoise

CSS raktažodis

Ant balto 1.95:1 · Fail

Ant juodo 10.75:1 · AAA

neon blue

Ant balto 1.7:1 · Fail

Ant juodo 12.37:1 · AAA

topaz

Ant balto 2.4:1 · Fail

Ant juodo 8.75:1 · AAA

turquoise blue

Ant balto 2.59:1 · Fail

Ant juodo 8.09:1 · AAA

Tamsios

8 spalvų

darkcyan

CSS raktažodis

Ant balto 4.15:1 · AA Large

Ant juodo 5.07:1 · AA

teal

CSS raktažodis

Ant balto 4.77:1 · AA

Ant juodo 4.4:1 · AA Large

darkslategray

CSS raktažodis

Ant balto 8.93:1 · AAA

Ant juodo 2.35:1 · Fail

darkslategrey

CSS raktažodis

Ant balto 8.93:1 · AAA

Ant juodo 2.35:1 · Fail

teal blue

Ant balto 4.18:1 · AA Large

Ant juodo 5.02:1 · AA

sea blue

Ant balto 5.33:1 · AA

Ant juodo 3.94:1 · AA Large

ocean

Ant balto 4.94:1 · AA

Ant juodo 4.25:1 · AA Large

dark teal

Ant balto 9.66:1 · AAA

Ant juodo 2.17:1 · Fail

Kopijuokite visą paletę

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

CSS 
:root {
  --lightcyan: #e0ffff;
  --paleturquoise: #afeeee;
  --powderblue: #b0e0e6;
  --lightblue: #add8e6;
  --turquoise: #40e0d0;
  --mediumturquoise: #48d1cc;
  --aqua: #00ffff;
  --cadetblue: #5f9ea0;
  --cyan: #00ffff;
  --lightseagreen: #20b2aa;
  --darkturquoise: #00ced1;
  --darkcyan: #008b8b;
  --teal: #008080;
  --darkslategray: #2f4f4f;
  --darkslategrey: #2f4f4f;
  --pale-blue: #d0fefe;
  --tiffany-blue: #7bf2da;
  --neon-blue: #04d9ff;
  --topaz: #13bbaf;
  --turquoise-blue: #06b1c4;
  --teal-blue: #01889f;
  --sea-blue: #047495;
  --ocean: #017b92;
  --dark-teal: #014d4e;
}
SCSS 
$lightcyan: #e0ffff;
$paleturquoise: #afeeee;
$powderblue: #b0e0e6;
$lightblue: #add8e6;
$turquoise: #40e0d0;
$mediumturquoise: #48d1cc;
$aqua: #00ffff;
$cadetblue: #5f9ea0;
$cyan: #00ffff;
$lightseagreen: #20b2aa;
$darkturquoise: #00ced1;
$darkcyan: #008b8b;
$teal: #008080;
$darkslategray: #2f4f4f;
$darkslategrey: #2f4f4f;
$pale-blue: #d0fefe;
$tiffany-blue: #7bf2da;
$neon-blue: #04d9ff;
$topaz: #13bbaf;
$turquoise-blue: #06b1c4;
$teal-blue: #01889f;
$sea-blue: #047495;
$ocean: #017b92;
$dark-teal: #014d4e;
Tailwind 
theme: {
  extend: {
    colors: {
      "lightcyan": "#e0ffff",
      "paleturquoise": "#afeeee",
      "powderblue": "#b0e0e6",
      "lightblue": "#add8e6",
      "turquoise": "#40e0d0",
      "mediumturquoise": "#48d1cc",
      "aqua": "#00ffff",
      "cadetblue": "#5f9ea0",
      "cyan": "#00ffff",
      "lightseagreen": "#20b2aa",
      "darkturquoise": "#00ced1",
      "darkcyan": "#008b8b",
      "teal": "#008080",
      "darkslategray": "#2f4f4f",
      "darkslategrey": "#2f4f4f",
      "pale-blue": "#d0fefe",
      "tiffany-blue": "#7bf2da",
      "neon-blue": "#04d9ff",
      "topaz": "#13bbaf",
      "turquoise-blue": "#06b1c4",
      "teal-blue": "#01889f",
      "sea-blue": "#047495",
      "ocean": "#017b92",
      "dark-teal": "#014d4e",
    }
  }
}

Naršykite kitas spalvų šeimas

Raudonos Oranžinės Rudos ir smėlio Geltonos Alyvuogių ir gelsvai žalios Žalios 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.

Žydros spalvų pavadinimai

Žydra ir žalsvai mėlyna užima 165–195° atspalvį — siaurą juostą, kurioje žalia virsta mėlyna. Joje telpa turkio, akvamarino ir tamsesni žalsvai mėlyni tonai. Žydra taip pat yra vienas iš keturių spaustuvinių dažų, todėl ji pasirodo kiekviename CMYK konvertavime.

Kaip naudoti šias spalvas

Žalsvai mėlyna tapo numatytąja „patikima, bet ne korporatyvi“ spalva, dažna sveikatos, finansų ir produktyvumo produktuose, norinčiuose išvengti įprastos mėlynos. Ji gerai dera su koralų ir šilta oranžine papildomoje schemoje, o su smėlio ir kremine — kai norima švelnesnio derinio. Tamsesni tonai gerai tinka pagrindiniams paviršiams.

Kontrastas ir prieinamumas

Šviesus akvamarinas ir turkis neatitinka reikalavimų kaip tekstas ant balto, bet gerai veikia kaip fonas su tamsiu tekstu. Tamsesni žalsvai mėlyni yra patikimi ir dažnai pasiekia AA ar AAA ant šviesių paviršių. Žydra ant balto yra dažna prieinamumo klaida nuorodų stiliuje — patikrinkite prieš paleisdami.