Amaretto (#ab6f60) 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)

#ab6f60

#609cab

Analóg (Szomszédos)

#ab6076

#ab6f60

#ab9460

Triád (Háromszög)

#ab6f60

#60ab6f

#6f60ab

Split-Komplementer

#ab6f60

#60ab94

#6076ab

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

d5b1a8

ab6f60

5f2d21

000000

Marketing / Vibráló

ab6f60

d6543a

609cab

02b28e

FFFFFF

Harmonikus / Természetes

ab6083

ab606a

ab6f60

ab8860

aba160

Pop Art / Trendi

ab6f60

8ec477

00a3c0

7c4a93

f8f2a7

Teljes Konverziós Tábla

HEX

#AB6F60

RGB

rgb(171,111,96)

RGBA

rgba(171,111,96, 1)

HSL

hsl(12,30.86%,52.35%)

OKLCH (Modern CSS)

oklch(0.60 0.08 34.7)

CSS Variable

--color: #ab6f60;

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

4.06

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

5.17

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)

#ab6f60#686860

ORIG

SIM

Deuteranopia (Zöld)

#ab6f60#8e9560

ORIG

SIM

Tritanopia (Kék)

#ab6f60#a87e8b

ORIG

SIM

Monokróm (Színvak)

#ab6f60#7e7e7e

Színpszichológia

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

Domináns kisugárzás

Szenvedély

"Színtiszta adrenalin. Azonnali fiziológiai reakciót vált ki: növeli a pulzust és cselekvésre ösztönöz. A szenvedély és sürgetés vizuális megfelelője."

A szín karakterleírása

Érzelmi hatások

SzenvedélyEnergiaSürgetésSzeretetMelegség

Szimbolikus jelentések

Szerelem és erőFigyelmeztetésSzív és érzelem

Ajánlott iparágak

ÉlelmiszerJáték és gyermekSzépség és kozmetikaMarketingSport

Lehetséges negatív hatások

AggresszióérzetVeszélyérzet

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

#AB6F60

Eredmény

#AB6F60

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

69%

17%

14%

RYB PIGMENTS

Kadmium Vörös

Pigment

69%

Kadmium Sárga

Pigment

17%

Titán Fehér

Pigment

14%

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

636 nm

472 THz • 1.95 eV

750nm

380nm

Színhőmérséklet

Meleg

~2000-4000K

Hideg

Meleg

Luminancia (Fényesség)

20.9%

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

71%

Eredeti

Szabvány

orange-800

#9f4229

ΔE: 14.5

Google Material

83%

Eredeti

Szabvány

Brown 400

#8D6E63

ΔE: 8.5

CSS Színnév

80%

Eredeti

Szabvány

IndianRed

#CD5C5C

ΔE: 9.9

Apple System (iOS)

70%

Eredeti

Szabvány

System Brown

#A2845E

ΔE: 15.0

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-amaretto: #ab6f60;
  --rgb-amaretto: 171, 111, 96;
}

SCSS Változó

1

2

3

4

5

$color-amaretto: #ab6f60;
$rgb-amaretto: (171, 111, 96);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'amaretto': '#ab6f60',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let amarettoColor = Color(
    red: 0.6705882352941176, 
    green: 0.43529411764705883, 
    blue: 0.3764705882352941
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Amaretto",
  "hex": "#ab6f60",
  "rgb": {
    "r": 171,
    "g": 111,
    "b": 96
  },
  "hsl": {
    "h": 12,
    "s": 31,
    "l": 52
  }
}

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

#ab6f60

Amaretto

Coral Tree

rgb(171, 111, 96)

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

hsl(12, 0, 1, 1)

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

cmyk(0, 35, 44, 33)

Nyomdai színkódolás

0.209

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

"Színtiszta adrenalin. Azonnali fiziológiai reakciót vált ki: növeli a pulzust és cselekvésre ösztönöz. A szenvedély és sürgetés vizuális megfelelője."

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.