Mėlynos spalvos

pavadinimai, HEX, RGB ir kontrastas

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

Šviesios

8 spalvų

lavender

CSS raktažodis

Ant balto 1.23:1 · Fail

Ant juodo 17.06:1 · AAA

lightsteelblue

CSS raktažodis

Ant balto 1.78:1 · Fail

Ant juodo 11.8:1 · AAA

lightskyblue

CSS raktažodis

Ant balto 1.72:1 · Fail

Ant juodo 12.24:1 · AAA

skyblue

CSS raktažodis

Ant balto 1.74:1 · Fail

Ant juodo 12.06:1 · AAA

powder blue

Ant balto 1.57:1 · Fail

Ant juodo 13.4:1 · AAA

baby blue

Ant balto 1.63:1 · Fail

Ant juodo 12.89:1 · AAA

lilac

Ant balto 2.06:1 · Fail

Ant juodo 10.21:1 · AAA

periwinkle

Ant balto 3.1:1 · AA Large

Ant juodo 6.77:1 · AA

Vidutinio tono

25 spalvų

mediumslateblue

CSS raktažodis

Ant balto 4.15:1 · AA Large

Ant juodo 5.06:1 · AA

cornflowerblue

CSS raktažodis

Ant balto 2.97:1 · Fail

Ant juodo 7.06:1 · AAA

mediumpurple

CSS raktažodis

Ant balto 3.76:1 · AA Large

Ant juodo 5.58:1 · AA

slateblue

CSS raktažodis

Ant balto 5.31:1 · AA

Ant juodo 3.96:1 · AA Large

royalblue

CSS raktažodis

Ant balto 4.85:1 · AA

Ant juodo 4.33:1 · AA Large

dodgerblue

CSS raktažodis

Ant balto 3.24:1 · AA Large

Ant juodo 6.49:1 · AA

lightslategray

CSS raktažodis

Ant balto 3.64:1 · AA Large

Ant juodo 5.77:1 · AA

lightslategrey

CSS raktažodis

Ant balto 3.64:1 · AA Large

Ant juodo 5.77:1 · AA

slategray

CSS raktažodis

Ant balto 4.05:1 · AA Large

Ant juodo 5.18:1 · AA

slategrey

CSS raktažodis

Ant balto 4.05:1 · AA Large

Ant juodo 5.18:1 · AA

blue

CSS raktažodis

Ant balto 8.59:1 · AAA

Ant juodo 2.44:1 · Fail

deepskyblue

CSS raktažodis

Ant balto 2.12:1 · Fail

Ant juodo 9.9:1 · AAA

steelblue

CSS raktažodis

Ant balto 4.11:1 · AA Large

Ant juodo 5.11:1 · AA

mediumblue

CSS raktažodis

Ant balto 11.16:1 · AAA

Ant juodo 1.88:1 · Fail

darkslateblue

CSS raktažodis

Ant balto 9.07:1 · AAA

Ant juodo 2.32:1 · Fail

cornflower

Ant balto 3.69:1 · AA Large

Ant juodo 5.69:1 · AA

vivid blue

Ant balto 7.33:1 · AAA

Ant juodo 2.87:1 · Fail

electric blue

Ant balto 5.74:1 · AA

Ant juodo 3.66:1 · AA Large

blueberry

Ant balto 8.55:1 · AAA

Ant juodo 2.46:1 · Fail

cerulean

Ant balto 3.98:1 · AA Large

Ant juodo 5.28:1 · AA

denim blue

Ant balto 6.78:1 · AA

Ant juodo 3.1:1 · AA Large

sapphire

Ant balto 9.47:1 · AAA

Ant juodo 2.22:1 · Fail

denim

Ant balto 6.27:1 · AA

Ant juodo 3.35:1 · AA Large

slate

Ant balto 6.08:1 · AA

Ant juodo 3.45:1 · AA Large

gunmetal

Ant balto 6.34:1 · AA

Ant juodo 3.31:1 · AA Large

Tamsios

11 spalvų

darkblue

CSS raktažodis

Ant balto 15.3:1 · AAA

Ant juodo 1.37:1 · Fail

midnightblue

CSS raktažodis

Ant balto 14.85:1 · AAA

Ant juodo 1.41:1 · Fail

navy

CSS raktažodis

Ant balto 16.01:1 · AAA

Ant juodo 1.31:1 · Fail

cobalt

Ant balto 8.83:1 · AAA

Ant juodo 2.38:1 · Fail

cobalt blue

Ant balto 13.08:1 · AAA

Ant juodo 1.61:1 · Fail

ocean blue

Ant balto 5.46:1 · AA

Ant juodo 3.85:1 · AA Large

deep blue

Ant balto 16.65:1 · AAA

Ant juodo 1.26:1 · Fail

dark blue

Ant balto 18.04:1 · AAA

Ant juodo 1.16:1 · Fail

dark navy

Ant balto 19.65:1 · AAA

Ant juodo 1.07:1 · Fail

midnight blue

Ant balto 19.92:1 · AAA

Ant juodo 1.05:1 · Fail

midnight

Ant balto 20.07:1 · AAA

Ant juodo 1.05:1 · Fail

Kopijuokite visą paletę

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

CSS 
:root {
  --lavender: #e6e6fa;
  --lightsteelblue: #b0c4de;
  --lightskyblue: #87cefa;
  --skyblue: #87ceeb;
  --mediumslateblue: #7b68ee;
  --cornflowerblue: #6495ed;
  --mediumpurple: #9370db;
  --slateblue: #6a5acd;
  --royalblue: #4169e1;
  --dodgerblue: #1e90ff;
  --lightslategray: #778899;
  --lightslategrey: #778899;
  --slategray: #708090;
  --slategrey: #708090;
  --blue: #0000ff;
  --deepskyblue: #00bfff;
  --steelblue: #4682b4;
  --mediumblue: #0000cd;
  --darkslateblue: #483d8b;
  --darkblue: #00008b;
  --midnightblue: #191970;
  --navy: #000080;
  --powder-blue: #b1d1fc;
  --baby-blue: #a2cffe;
  --lilac: #cea2fd;
  --periwinkle: #8e82fe;
  --cornflower: #6a79f7;
  --vivid-blue: #152eff;
  --electric-blue: #0652ff;
  --blueberry: #464196;
  --cerulean: #0485d1;
  --denim-blue: #3b5b92;
  --sapphire: #2138ab;
  --denim: #3b638c;
  --slate: #516572;
  --gunmetal: #536267;
  --cobalt: #1e488f;
  --cobalt-blue: #030aa7;
  --ocean-blue: #03719c;
  --deep-blue: #040273;
  --dark-blue: #00035b;
  --dark-navy: #000435;
  --midnight-blue: #020035;
  --midnight: #03012d;
}
SCSS 
$lavender: #e6e6fa;
$lightsteelblue: #b0c4de;
$lightskyblue: #87cefa;
$skyblue: #87ceeb;
$mediumslateblue: #7b68ee;
$cornflowerblue: #6495ed;
$mediumpurple: #9370db;
$slateblue: #6a5acd;
$royalblue: #4169e1;
$dodgerblue: #1e90ff;
$lightslategray: #778899;
$lightslategrey: #778899;
$slategray: #708090;
$slategrey: #708090;
$blue: #0000ff;
$deepskyblue: #00bfff;
$steelblue: #4682b4;
$mediumblue: #0000cd;
$darkslateblue: #483d8b;
$darkblue: #00008b;
$midnightblue: #191970;
$navy: #000080;
$powder-blue: #b1d1fc;
$baby-blue: #a2cffe;
$lilac: #cea2fd;
$periwinkle: #8e82fe;
$cornflower: #6a79f7;
$vivid-blue: #152eff;
$electric-blue: #0652ff;
$blueberry: #464196;
$cerulean: #0485d1;
$denim-blue: #3b5b92;
$sapphire: #2138ab;
$denim: #3b638c;
$slate: #516572;
$gunmetal: #536267;
$cobalt: #1e488f;
$cobalt-blue: #030aa7;
$ocean-blue: #03719c;
$deep-blue: #040273;
$dark-blue: #00035b;
$dark-navy: #000435;
$midnight-blue: #020035;
$midnight: #03012d;
Tailwind 
theme: {
  extend: {
    colors: {
      "lavender": "#e6e6fa",
      "lightsteelblue": "#b0c4de",
      "lightskyblue": "#87cefa",
      "skyblue": "#87ceeb",
      "mediumslateblue": "#7b68ee",
      "cornflowerblue": "#6495ed",
      "mediumpurple": "#9370db",
      "slateblue": "#6a5acd",
      "royalblue": "#4169e1",
      "dodgerblue": "#1e90ff",
      "lightslategray": "#778899",
      "lightslategrey": "#778899",
      "slategray": "#708090",
      "slategrey": "#708090",
      "blue": "#0000ff",
      "deepskyblue": "#00bfff",
      "steelblue": "#4682b4",
      "mediumblue": "#0000cd",
      "darkslateblue": "#483d8b",
      "darkblue": "#00008b",
      "midnightblue": "#191970",
      "navy": "#000080",
      "powder-blue": "#b1d1fc",
      "baby-blue": "#a2cffe",
      "lilac": "#cea2fd",
      "periwinkle": "#8e82fe",
      "cornflower": "#6a79f7",
      "vivid-blue": "#152eff",
      "electric-blue": "#0652ff",
      "blueberry": "#464196",
      "cerulean": "#0485d1",
      "denim-blue": "#3b5b92",
      "sapphire": "#2138ab",
      "denim": "#3b638c",
      "slate": "#516572",
      "gunmetal": "#536267",
      "cobalt": "#1e488f",
      "cobalt-blue": "#030aa7",
      "ocean-blue": "#03719c",
      "deep-blue": "#040273",
      "dark-blue": "#00035b",
      "dark-navy": "#000435",
      "midnight-blue": "#020035",
      "midnight": "#03012d",
    }
  }
}

Naršykite kitas spalvų šeimas

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

Mėlynos spalvų pavadinimai

Mėlyna yra plačiausia šeima čia, 195–270° atspalvis, apimanti nuo dangaus ir pudros mėlynos iki karališkos, kobalto, tamsiai mėlynos ir vidurnakčio. Tai dažniausiai sąsajų dizaine naudojama spalva — iš dalies todėl, kad ji saugiausia: mėlyną spalvų neskiriantys naudotojai suklysta atpažinti rečiausiai.

Kaip naudoti šias spalvas

Mėlyna yra numatytoji nuorodų, pagrindinių mygtukų ir pasitikėjimo signalų spalva. Ji dera beveik su viskuo — būtent todėl tokia paplitusi: su oranžine dėl didelio kontrasto, su pilka dėl santūrumo, su balta dėl aiškumo. Jei norite mėlynos, kuri neatrodytų banali, judėkite link indigo arba prigesinkite link skalūno, o ne griebkitės grynos #0000ff.

Kontrastas ir prieinamumas

Ši šeima elgiasi gerai: vidutinės ir tamsios mėlynos patogiai atitinka AA kaip tekstas ant balto, o tamsiai mėlyna paprastai pasiekia AAA. Šviesias mėlynas laikykite fonu. Kadangi mėlyna yra standartinė nuorodų spalva, palikite pabraukimą ar kitą ne spalvos požymį, kad nuorodos liktų atpažįstamos ir be atspalvio.