3am Latte (#c0a98e) 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)

#c0a98e

#8ea5c0

Analóg (Szomszédos)

#c0908e

#c0a98e

#bec08e

Triád (Háromszög)

#c0a98e

#8ec0a9

#a98ec0

Split-Komplementer

#c0a98e

#8ebec0

#908ec0

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

cab69e

c0a98e

493822

000000

Marketing / Vibráló

c0a98e

dca24c

8ea5c0

4bc6cc

FFFFFF

Harmonikus / Természetes

c08e94

c0988e

c0a98e

c0ba8e

b6c08e

Pop Art / Trendi

c0a98e

a6d9a8

6ca8e0

a777a6

feffd8

Teljes Konverziós Tábla

HEX

#C0A98E

RGB

rgb(192,169,142)

RGBA

rgba(192,169,142, 1)

HSL

hsl(32.4,28.41%,65.49%)

OKLCH (Modern CSS)

oklch(0.75 0.05 71.5)

CSS Variable

--color: #c0a98e;

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.

Játékos

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

'Quicksand'

BODY

400 Regular

'Nunito'

Erőteljes

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

'Anton'

BODY

400 Regular

'Roboto Condensed'

Meleg & Barátságos

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

'Abril Fatface'

BODY

400 Regular

'Poppins'

Gyermekbarát

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

'Balsamiq Sans'

BODY

400 Regular

'Comic Neue'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

2.26

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

9.31

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)

#c0a98e#9d9d8e

ORIG

SIM

Deuteranopia (Zöld)

#c0a98e#acb18e

ORIG

SIM

Tritanopia (Kék)

#c0a98e#bfa2b4

ORIG

SIM

Monokróm (Színvak)

#c0a98e#adadad

Színpszichológia

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

Domináns kisugárzás

Kreativitás

"Barátságos és kreatív energia. Hívogató, játékos és tele van életkedvvel – anélkül, hogy túlnyomó lenne, mint a vörös."

A szín karakterleírása

Érzelmi hatások

KreativitásBarátságosLelkesedésKalandvágy

Szimbolikus jelentések

Napfény és örömEnergia és vitalitásGyümölcs és frissesség

Ajánlott iparágak

ÉlelmiszerMűvészet és designSportGyermektermékek

Lehetséges negatív hatások

Túlzott stimuláció

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

#C0A98E

Eredmény

#C0A98E

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

61%

21%

18%

RYB PIGMENTS

Titán Fehér

Pigment

61%

Kadmium Sárga

Pigment

21%

Kadmium Vörös

Pigment

18%

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

608 nm

493 THz • 2.04 eV

750nm

380nm

Színhőmérséklet

Meleg

~2000-4000K

Hideg

Meleg

Luminancia (Fényesség)

41.5%

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

79%

Eredeti

Szabvány

stone-400

#a8a29e

ΔE: 10.4

Google Material

82%

Eredeti

Szabvány

Brown 200

#BCAAA4

ΔE: 8.9

CSS Színnév

90%

Eredeti

Szabvány

Tan

#D2B48C

ΔE: 5.1

Apple System (iOS)

76%

Eredeti

Szabvány

System Brown

#A2845E

ΔE: 12.0

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-3am-latte: #c0a98e;
  --rgb-3am-latte: 192, 169, 142;
}

SCSS Változó

1

2

3

4

5

$color-3am-latte: #c0a98e;
$rgb-3am-latte: (192, 169, 142);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        '3am-latte': '#c0a98e',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let 3am-latteColor = Color(
    red: 0.7529411764705882, 
    green: 0.6627450980392157, 
    blue: 0.5568627450980392
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "3am Latte",
  "hex": "#c0a98e",
  "rgb": {
    "r": 192,
    "g": 169,
    "b": 142
  },
  "hsl": {
    "h": 32,
    "s": 28,
    "l": 65
  }
}

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

#c0a98e

3am Latte

Indian Khaki

rgb(192, 169, 142)

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

hsl(32, 0, 1, 1)

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

cmyk(0, 12, 26, 25)

Nyomdai színkódolás

0.415

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

"Barátságos és kreatív energia. Hívogató, játékos és tele van életkedvvel – anélkül, hogy túlnyomó lenne, mint a vörö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.

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.