Active Volcano (#bb1133) 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)

#bb1133

#11bb99

Analóg (Szomszédos)

#bb1188

#bb1133

#bb4411

Triád (Háromszög)

#bb1133

#33bb11

#1133bb

Split-Komplementer

#bb1133

#11bb44

#1188bb

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

eea6a4

bb1133

7e0008

000000

Marketing / Vibráló

bb1133

e1001f

11bb99

00bf26

FFFFFF

Harmonikus / Természetes

bb11a4

bb116c

bb1133

bb2811

bb6011

Pop Art / Trendi

bb1133

a2d434

00c194

0000a2

ffb55b

Teljes Konverziós Tábla

HEX

#BB1133

RGB

rgb(187,17,51)

RGBA

rgba(187,17,51, 1)

HSL

hsl(348,83.33%,40%)

OKLCH (Modern CSS)

oklch(0.51 0.20 19.7)

CSS Variable

--color: #bb1133;

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

6.48

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.24

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)

#bb1133#202033

ORIG

SIM

Deuteranopia (Zöld)

#bb1133#879233

ORIG

SIM

Tritanopia (Kék)

#bb1133#b35861

ORIG

SIM

Monokróm (Színvak)

#bb1133#775654

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

"Érett, mély vörös, amely hagyományt és luxust sugall. Kevésbé agresszív, inkább kifinomult gazdagságot és erőt közvetít."

A szín karakterleírása

Érzelmi hatások

SzenvedélyEnergiaSürgetésSzeretetIntenzív

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

#BB1133

Eredmény

#BB1133

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%

23%

8%

RYB PIGMENTS

Kadmium Vörös

Pigment

69%

Elefántcsont Fekete

Pigment

23%

Ultramarin Kék

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

684 nm

439 THz • 1.81 eV

750nm

380nm

Színhőmérséklet

Meleg

~2000-4000K

Hideg

Meleg

Luminancia (Fényesség)

11.2%

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

95%

Eredeti

Szabvány

rose-700

#be123c

ΔE: 2.4

Google Material

86%

Eredeti

Szabvány

Red 800

#C62828

ΔE: 6.9

CSS Színnév

89%

Eredeti

Szabvány

Brown

#A52A2A

ΔE: 5.4

Apple System (iOS)

68%

Eredeti

Szabvány

System Pink

#FF2D55

ΔE: 16.1

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-active-volcano: #bb1133;
  --rgb-active-volcano: 187, 17, 51;
}

SCSS Változó

1

2

3

4

5

$color-active-volcano: #bb1133;
$rgb-active-volcano: (187, 17, 51);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'active-volcano': '#bb1133',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let active-volcanoColor = Color(
    red: 0.7333333333333333, 
    green: 0.06666666666666667, 
    blue: 0.2
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Active Volcano",
  "hex": "#bb1133",
  "rgb": {
    "r": 187,
    "g": 17,
    "b": 51
  },
  "hsl": {
    "h": 348,
    "s": 83,
    "l": 40
  }
}

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

#bb1133

Active Volcano

Shiraz

rgb(187, 17, 51)

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

hsl(348, 1, 0, 1)

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

cmyk(0, 91, 73, 27)

Nyomdai színkódolás

0.112

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

"Érett, mély vörös, amely hagyományt és luxust sugall. Kevésbé agresszív, inkább kifinomult gazdagságot és erőt közvetít."

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.