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

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

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

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

Teljes Konverziós Tábla

Előnézet

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

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.