Airborne (#a2c2d0) Hex Színkód

Variációk

Árnyalatok (Sötétítés)

Fények (Világosítás)

Tónusok (Telítettség csökkentése)

Harmóniák

Kattints a színszeletekre a kód másolásához.

Komplementer (Ellentét)

#a2c2d0

#d0b0a2

Analóg (Szomszédos)

#a2d0c7

#a2c2d0

#a2abd0

Triád (Háromszög)

#a2c2d0

#d0a2c2

#c2d0a2

Split-Komplementer

#a2c2d0

#d0a2ab

#d0c7a2

Intelligens Paletták

4 generált színsor különböző felhasználási célokra.

Modern UI / Monokróm

ffffff

9ebecc

a2c2d0

203f4b

000000

Marketing / Vibráló

a2c2d0

00cfff

d0b0a2

ee94a8

101827

Harmonikus / Természetes

a2d0bf

a2d0cf

a2c2d0

a2b3d0

a2a3d0

Pop Art / Trendi

a2c2d0

e0bae9

eaa789

93b78a

f0edff

Teljes Konverziós Tábla

HEX

#A2C2D0

RGB

rgb(162,194,208)

RGBA

rgba(162,194,208, 1)

HSL

hsl(198.26,32.86%,72.55%)

OKLCH (Modern CSS)

oklch(0.80 0.04 226.2)

CSS Variable

--color: #a2c2d0;

Előnézet

Olvashatóság & Tipográfia

Főcím Teszt

Ez a szöveg demonstrálja az olvasási élményt ezen a háttérszínen.

Főcím Teszt

Ez a szöveg demonstrálja az olvasási élményt ezen a háttérszínen.

UI Komponens Készlet

Ez egy példa értesítés sáv a választott színnel.

SOLIDSOFTOUTLINE

Termék Mockup

4582 •••• •••• 9018

KÁRTYABIRTOKOS

JOHN DOE

ÉRVÉNYES

12/28

Mobil Applikáció

Ügyfélszolgálat

Szia! Miben segíthetünk ma?

Imádom ezt az új színt! 😍

Adatvizualizáció

Heti Növekedés

+1,240

12.5%

1D

1W

1M

WED

2,450

Betűtípus ajánlatok

A színhez tökéletesen illő, professzionális betűtípus-párosítások. Kattints a CSS gombra a másoláshoz.

Technológiai

Színekkel mesélünk

Aa

A megfelelő betűtípus kiválasztása kulcsfontosságú a márkaidentitás és a felhasználói élmény szempontjából.

HEADLINE

700 Bold

'JetBrains Mono'

BODY

400 Regular

-apple-system

Modern

Színekkel mesélünk

Aa

A megfelelő betűtípus kiválasztása kulcsfontosságú a márkaidentitás és a felhasználói élmény szempontjából.

HEADLINE

700 Bold

'Inter'

BODY

400 Regular

'Inter'

Nyugodt

Színekkel mesélünk

Aa

A megfelelő betűtípus kiválasztása kulcsfontosságú a márkaidentitás és a felhasználói élmény szempontjából.

HEADLINE

700 Bold

'Spectral'

BODY

400 Regular

'IBM Plex Sans'

Vállalati

Színekkel mesélünk

Aa

A megfelelő betűtípus kiválasztása kulcsfontosságú a márkaidentitás és a felhasználói élmény szempontjából.

HEADLINE

700 Bold

'Proxima Nova'

BODY

400 Regular

'Helvetica Neue'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

1.88

AP

Kis szöveg (14pt)

The quick brown fox jumps over...

AA

AAA

Nagy szöveg / UI (18pt Bold)

AA

AAA

Fekete Háttéren

11.16

AP

Kis szöveg (14pt)

The quick brown fox jumps over...

AA

AAA

Nagy szöveg / UI (18pt Bold)

AA

AAA

Színtévesztés Szimulátor

ORIG

SIM

Protanopia (Vörös)

#a2c2d0#c8c8d0

ORIG

SIM

Deuteranopia (Zöld)

#a2c2d0#b1b0d0

ORIG

SIM

Tritanopia (Kék)

#a2c2d0#a4a1b3

ORIG

SIM

Monokróm (Színvak)

#a2c2d0#bdbdbd

Színpszichológia

A szín érzelmi, pszichológiai és kulturális hatása – tudományosan megalapozott elemzés.

Domináns kisugárzás

Bizalom

"A végtelen lehetőségek és szabadság árnyalata. Megnyugtató, mint a tiszta égbolt – bizalmat ébreszt és csökkenti a stresszt."

A szín karakterleírása

Érzelmi hatások

BizalomNyugalomLogikaProfesszionalizmus

Szimbolikus jelentések

TechnológiaVíz és tisztaságStabilitás és biztonság

Ajánlott iparágak

TechnológiaPénzügyJogiVállalatiEgészségügy

Szín Laboratórium

Finomhangolás és keverés. Állítsd be a fényerőt, telítettséget, vagy keverd össze egy másik színnel.

Bázis

#A2C2D0

Eredmény

#A2C2D0

Fényerő (Lightness)

0

Telítettség (Saturation)

0

Árnyalat (Hue)

0°

Hőmérséklet

0

Keverési Útmutató

Így keverheted ki ezt a színt fizikai festékekből vagy nyomdai tintákból.

MIXING PALETTE

71%

24%

5%

RYB PIGMENTS

Titán Fehér

Pigment

71%

Ultramarin Kék

Pigment

24%

Kadmium Sárga

Pigment

5%

A fényekkel ellentétben a festékek keverésekor a színek sötétednek. Ez a szimuláció a fizikai pigmentek viselkedését utánozza.

Fizikai Tulajdonságok

A szín tudományos adatai: fénytan és energia.

Hullámhossz

476 nm

630 THz • 2.61 eV

750nm

380nm

Színhőmérséklet

Hideg

~5000-10000K

Hideg

Meleg

Luminancia (Fényesség)

50.8%

Világos / Light

0%

50%

100%

Intelligens Könyvtár Megfeleltetés

A színed összevetése ipari szabványokkal és design rendszerekkel. Az eredmények több színkönyvtárból mutatnak hasonló vagy pontos egyezéseket.

Tailwind CSS

82%

Eredeti

Szabvány

sky-200

#bae6fd

ΔE: 9.0

Google Material

89%

Eredeti

Szabvány

Blue Grey 200

#B0BEC5

ΔE: 5.5

CSS Színnév

88%

Eredeti

Szabvány

LightBlue

#ADD8E6

ΔE: 5.8

Apple System (iOS)

76%

Eredeti

Szabvány

System Gray 3

#C7C7CC

ΔE: 11.9

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-airborne: #a2c2d0;
  --rgb-airborne: 162, 194, 208;
}

SCSS Változó

1

2

3

4

5

$color-airborne: #a2c2d0;
$rgb-airborne: (162, 194, 208);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'airborne': '#a2c2d0',
      }
    }
  }
}

React Native

1

2

3

4

5

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#a2c2d0',
  },
  text: {
    color: '#a2c2d0',
  }
});

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let airborneColor = Color(
    red: 0.6352941176470588, 
    green: 0.7607843137254902, 
    blue: 0.8156862745098039
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Airborne",
  "hex": "#a2c2d0",
  "rgb": {
    "r": 162,
    "g": 194,
    "b": 208
  },
  "hsl": {
    "h": 198,
    "s": 33,
    "l": 73
  }
}

Gradiens Galéria

Prémium CSS hátterek és textúrák generálása a színedből.

TRENDY

Naplemente

TRENDY

Mélytenger

BOLD

Dinamikus Kontraszt

DUOTONE

Éjszakai Duotone

DUOTONE

Fagyos Duotone

#a2c2d0

Airborne

Rock Blue

rgb(162, 194, 208)

Vörös, Zöld, Kék komponensek

hsl(198, 0, 1, 1)

Árnyalat, Telítettség, Fényerő

cmyk(22, 7, 0, 18)

Nyomdai színkódolás

0.508

Relatív fényesség

Variációk

Harmóniák

Intelligens Paletták

4 generált színsor különböző felhasználási célokra.

Teljes Konverziós Tábla

Előnézet

Betűtípus ajánlatok

A színhez tökéletesen illő, professzionális betűtípus-párosítások. Kattints a CSS gombra a másoláshoz.

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Színpszichológia

"A végtelen lehetőségek és szabadság árnyalata. Megnyugtató, mint a tiszta égbolt – bizalmat ébreszt és csökkenti a stresszt."

Szín Laboratórium

Finomhangolás és keverés. Állítsd be a fényerőt, telítettséget, vagy keverd össze egy másik színnel.

Keverési Útmutató

Így keverheted ki ezt a színt fizikai festékekből vagy nyomdai tintákból.

Fizikai Tulajdonságok

Intelligens Könyvtár Megfeleltetés

A színed összevetése ipari szabványokkal és design rendszerekkel. Az eredmények több színkönyvtárból mutatnak hasonló vagy pontos egyezéseket.

Kód

Gradiens Galéria

Prémium CSS hátterek és textúrák generálása a színedből.