Aloe Vera (#678779) 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)

#678779

#876775

Analóg (Szomszédos)

#678769

#678779

#678587

Triád (Háromszög)

#678779

#796787

#877967

Split-Komplementer

#678779

#876785

#876967

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

abbdb5

678779

244135

000000

Marketing / Vibráló

678779

009468

876775

985c96

FFFFFF

Harmonikus / Természetes

6a8767

67876e

678779

678784

678087

Pop Art / Trendi

678779

807d9f

9f5a7b

6e7051

adc5d0

Teljes Konverziós Tábla

HEX

#678779

RGB

rgb(103,135,121)

RGBA

rgba(103,135,121, 1)

HSL

hsl(153.75,13.45%,46.67%)

OKLCH (Modern CSS)

oklch(0.59 0.04 166.3)

CSS Variable

--color: #678779;

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.

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'

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

Futurisztikus

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

'Orbitron'

BODY

400 Regular

'Rajdhani'

Brutális

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

'Oswald'

BODY

400 Regular

'Arial Black'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

3.95

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

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)

#678779#818179

ORIG

SIM

Deuteranopia (Zöld)

#678779#6d6c79

ORIG

SIM

Tritanopia (Kék)

#678779#696c78

ORIG

SIM

Monokróm (Színvak)

#678779#808080

Színpszichológia

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

Domináns kisugárzás

Egyensúly

"A modern minimalizmus alappillére. Intellektuális, kompromisszummentes és technológiai hatást kelt. Stabilitást sugároz érzelmi kilengések nélkül."

A szín karakterleírása

Érzelmi hatások

ProfesszionalizmusKomolyságEgyensúlyModern

Szimbolikus jelentések

SemlegességTechnológiaStabilitás és biztonság

Ajánlott iparágak

TechnológiaJogiVállalatiÉpítészet

Lehetséges negatív hatások

Unalmasság

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

#678779

Eredmény

#678779

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

42%

35%

23%

RYB PIGMENTS

Ultramarin Kék

Pigment

42%

Elefántcsont Fekete

Pigment

35%

Kadmium Sárga

Pigment

23%

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

501 nm

599 THz • 2.48 eV

750nm

380nm

Színhőmérséklet

Hideg

~5000-10000K

Hideg

Meleg

Luminancia (Fényesség)

21.6%

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

77%

Eredeti

Szabvány

teal-600

#0d9488

ΔE: 11.7

Google Material

77%

Eredeti

Szabvány

Teal 600

#00897B

ΔE: 11.4

CSS Színnév

77%

Eredeti

Szabvány

CadetBlue

#5F9EA0

ΔE: 11.3

Apple System (iOS)

65%

Eredeti

Szabvány

System Gray

#8E8E93

ΔE: 17.4

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-aloe-vera: #678779;
  --rgb-aloe-vera: 103, 135, 121;
}

SCSS Változó

1

2

3

4

5

$color-aloe-vera: #678779;
$rgb-aloe-vera: (103, 135, 121);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'aloe-vera': '#678779',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let aloe-veraColor = Color(
    red: 0.403921568627451, 
    green: 0.5294117647058824, 
    blue: 0.4745098039215686
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Aloe Vera",
  "hex": "#678779",
  "rgb": {
    "r": 103,
    "g": 135,
    "b": 121
  },
  "hsl": {
    "h": 154,
    "s": 13,
    "l": 47
  }
}

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

#678779

Aloe Vera

Viridian Green

rgb(103, 135, 121)

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

hsl(154, 0, 0, 1)

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

cmyk(24, 0, 10, 47)

Nyomdai színkódolás

0.216

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 modern minimalizmus alappillére. Intellektuális, kompromisszummentes és technológiai hatást kelt. Stabilitást sugároz érzelmi kilengések nélkül."

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.