After the Storm (#33616a) 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)

#33616a

#6a3c33

Analóg (Szomszédos)

#336a58

#33616a

#33456a

Triád (Háromszög)

#33616a

#6a3361

#616a33

Split-Komplementer

#33616a

#6a3345

#6a5833

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

aabcc0

33616a

0e414a

000000

Marketing / Vibráló

33616a

006d8d

6a3c33

801d45

FFFFFF

Harmonikus / Természetes

336a4e

336a61

33616a

334f6a

333c6a

Pop Art / Trendi

33616a

6f4881

7e2f23

30541f

7778b1

Teljes Konverziós Tábla

HEX

#33616A

RGB

rgb(51,97,106)

RGBA

rgba(51,97,106, 1)

HSL

hsl(189.82,35.03%,30.78%)

OKLCH (Modern CSS)

oklch(0.46 0.05 211.7)

CSS Variable

--color: #33616a;

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

6.87

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

3.06

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)

#33616a#65656a

ORIG

SIM

Deuteranopia (Zöld)

#33616a#47446a

ORIG

SIM

Tritanopia (Kék)

#33616a#35444b

ORIG

SIM

Monokróm (Színvak)

#33616a#5a5a5a

Színpszichológia

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

Domináns kisugárzás

Frissesség

"A jövő színe. Technológiai tisztaságot és a víz frissességét ötvözi. Nyitott kommunikációt és modern gondolkodást sugall."

A szín karakterleírása

Érzelmi hatások

FrissességNyugalomKreativitásModern

Szimbolikus jelentések

Víz és tisztaságÉgbolt és végtelenTisztaság és átláthatóság

Ajánlott iparágak

TechnológiaSzépség és kozmetikaUtazásWellness

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

#33616A

Eredmény

#33616A

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

64%

28%

8%

RYB PIGMENTS

Elefántcsont Fekete

Pigment

64%

Ultramarin Kék

Pigment

28%

Kadmium Sárga

Pigment

8%

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

480 nm

625 THz • 2.58 eV

750nm

380nm

Színhőmérséklet

Hideg

~5000-10000K

Hideg

Meleg

Luminancia (Fényesség)

10.3%

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

89%

Eredeti

Szabvány

cyan-800

#155e75

ΔE: 5.7

Google Material

87%

Eredeti

Szabvány

Cyan 900

#006064

ΔE: 6.4

CSS Színnév

85%

Eredeti

Szabvány

DarkSlateGray

#2F4F4F

ΔE: 7.4

Apple System (iOS)

67%

Eredeti

Szabvány

System Graphite

#48484A

ΔE: 16.3

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-after-the-storm: #33616a;
  --rgb-after-the-storm: 51, 97, 106;
}

SCSS Változó

1

2

3

4

5

$color-after-the-storm: #33616a;
$rgb-after-the-storm: (51, 97, 106);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'after-the-storm': '#33616a',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let after-the-stormColor = Color(
    red: 0.2, 
    green: 0.3803921568627451, 
    blue: 0.41568627450980394
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "After the Storm",
  "hex": "#33616a",
  "rgb": {
    "r": 51,
    "g": 97,
    "b": 106
  },
  "hsl": {
    "h": 190,
    "s": 35,
    "l": 31
  }
}

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

#33616a

After the Storm

Casal

rgb(51, 97, 106)

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

hsl(190, 0, 0, 1)

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

cmyk(52, 8, 0, 58)

Nyomdai színkódolás

0.103

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 jövő színe. Technológiai tisztaságot és a víz frissességét ötvözi. Nyitott kommunikációt és modern gondolkodást sugall."

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.