A Smell of Bakery (#f3e9d9) 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)

#f3e9d9

#d9e3f3

Analóg (Szomszédos)

#f3dcd9

#f3e9d9

#f0f3d9

Triád (Háromszög)

#f3e9d9

#d9f3e9

#e9d9f3

Split-Komplementer

#f3e9d9

#d9f0f3

#dcd9f3

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

c1b8a8

f3e9d9

423a2e

000000

Marketing / Vibráló

f3e9d9

ffe593

d9e3f3

a6f9ff

101827

Harmonikus / Természetes

f3d9da

f3e0d9

f3e9d9

f3f2d9

ecf3d9

Pop Art / Trendi

f3e9d9

f3fff6

c2e5ff

d9c0d6

ffffff

Teljes Konverziós Tábla

HEX

#F3E9D9

RGB

rgb(243,233,217)

RGBA

rgba(243,233,217, 1)

HSL

hsl(36.92,52%,90.2%)

OKLCH (Modern CSS)

oklch(0.94 0.02 79.7)

CSS Variable

--color: #f3e9d9;

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.

Minimalista

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

Helvetica

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'

Elegáns

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

'Playfair Display'

BODY

400 Regular

'Lato'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

1.20

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

17.47

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)

#f3e9d9#e2e2d9

ORIG

SIM

Deuteranopia (Zöld)

#f3e9d9#e7ebd9

ORIG

SIM

Tritanopia (Kék)

#f3e9d9#f3d6ee

ORIG

SIM

Monokróm (Színvak)

#f3e9d9#eaeaea

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

#F3E9D9

Eredmény

#F3E9D9

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

89%

7%

4%

RYB PIGMENTS

Titán Fehér

Pigment

89%

Kadmium Sárga

Pigment

7%

Kadmium Vörös

Pigment

4%

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

603 nm

498 THz • 2.06 eV

750nm

380nm

Színhőmérséklet

Meleg

~2000-4000K

Hideg

Meleg

Luminancia (Fényesség)

82.3%

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

92%

Eredeti

Szabvány

orange-100

#ffedd5

ΔE: 3.8

Google Material

95%

Eredeti

Szabvány

Orange 50

#FFF3E0

ΔE: 2.4

CSS Színnév

95%

Eredeti

Szabvány

AntiqueWhite

#FAEBD7

ΔE: 2.3

Apple System (iOS)

80%

Eredeti

Szabvány

System Gray 5

#E5E5EA

ΔE: 10.0

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-a-smell-of-bakery: #f3e9d9;
  --rgb-a-smell-of-bakery: 243, 233, 217;
}

SCSS Változó

1

2

3

4

5

$color-a-smell-of-bakery: #f3e9d9;
$rgb-a-smell-of-bakery: (243, 233, 217);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'a-smell-of-bakery': '#f3e9d9',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let a-smell-of-bakeryColor = Color(
    red: 0.9529411764705882, 
    green: 0.9137254901960784, 
    blue: 0.8509803921568627
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "A Smell of Bakery",
  "hex": "#f3e9d9",
  "rgb": {
    "r": 243,
    "g": 233,
    "b": 217
  },
  "hsl": {
    "h": 37,
    "s": 52,
    "l": 90
  }
}

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

#f3e9d9

A Smell of Bakery

Parchment

rgb(243, 233, 217)

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

hsl(37, 1, 1, 1)

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

cmyk(0, 4, 11, 5)

Nyomdai színkódolás

0.823

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.