Oxford Blue (#2d3748) 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)

#2d3748

#483e2d

Analóg (Szomszédos)

#2d4548

#2d3748

#302d48

Triád (Háromszög)

#2d3748

#482d37

#37482d

Split-Komplementer

#2d3748

#48302d

#45482d

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

b6b9c0

2d3748

323c4c

000000

Marketing / Vibráló

2d3748

003a7f

483e2d

5d2420

FFFFFF

Harmonikus / Természetes

2d4847

2d4048

2d3748

2d2e48

352d48

Pop Art / Trendi

2d3748

5e4159

503c0f

19341e

786c8b

Teljes Konverziós Tábla

HEX

#2D3748

RGB

rgb(45,55,72)

RGBA

rgba(45,55,72, 1)

HSL

hsl(217.78,23.08%,22.94%)

OKLCH (Modern CSS)

oklch(0.34 0.03 260.9)

CSS Variable

--color: #2d3748;

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.

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'

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

Futurisztikus

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

'Orbitron'

BODY

400 Regular

'Rajdhani'

Brutális

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

'Oswald'

BODY

400 Regular

'Arial Black'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

11.99

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

1.75

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)

#2d3748#3e3f48

ORIG

SIM

Deuteranopia (Zöld)

#2d3748#373548

ORIG

SIM

Tritanopia (Kék)

#2d3748#2e2d32

ORIG

SIM

Monokróm (Színvak)

#2d3748#373737

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állalati világ öltönye. Abszolút megbízhatóságot, logikát és szakértelmet kommunikál. Nem kockáztat, hanem biztosra megy."

A szín karakterleírása

Érzelmi hatások

BizalomNyugalomLogikaProfesszionalizmusCHROMO_TAG_DEPTH

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

Lehetséges negatív hatások

SzomorúságHidegség, távolságtartás

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

#2D3748

Eredmény

#2D3748

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

84%

15%

2%

RYB PIGMENTS

Elefántcsont Fekete

Pigment

84%

Ultramarin Kék

Pigment

15%

Kadmium Sárga

Pigment

2%

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

466 nm

644 THz • 2.66 eV

750nm

380nm

Színhőmérséklet

Hideg

~5000-10000K

Hideg

Meleg

Luminancia (Fényesség)

3.8%

Sötét / Dark

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

93%

Eredeti

Szabvány

gray-700

#374151

ΔE: 3.3

Google Material

85%

Eredeti

Szabvány

Blue Grey 900

#263238

ΔE: 7.3

CSS Színnév

73%

Eredeti

Szabvány

DarkSlateBlue

#483D8B

ΔE: 13.6

Apple System (iOS)

80%

Eredeti

Szabvány

System Graphite

#48484A

ΔE: 10.1

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-primary: #2d3748;
  --rgb-primary: 45, 55, 72;
}

SCSS Változó

1

2

3

4

5

$color-primary: #2d3748;
$rgb-primary: (45, 55, 72);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'primary': '#2d3748',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let primaryColor = Color(
    red: 0.17647058823529413, 
    green: 0.21568627450980393, 
    blue: 0.2823529411764706
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Oxford Blue",
  "hex": "#2d3748",
  "rgb": {
    "r": 45,
    "g": 55,
    "b": 72
  },
  "hsl": {
    "h": 218,
    "s": 23,
    "l": 23
  }
}

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

#2d3748

Oxford Blue

rgb(45, 55, 72)

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

hsl(218, 0, 0, 1)

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

cmyk(37, 24, 0, 72)

Nyomdai színkódolás

0.038

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állalati világ öltönye. Abszolút megbízhatóságot, logikát és szakértelmet kommunikál. Nem kockáztat, hanem biztosra megy."

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.