Abyssal (#404c57) 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)

#404c57

#574b40

Analóg (Szomszédos)

#405757

#404c57

#404057

Triád (Háromszög)

#404c57

#57404c

#4c5740

Split-Komplementer

#404c57

#574040

#575740

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

b5b9be

404c57

313d47

000000

Marketing / Vibráló

404c57

00538e

574b40

6f3337

FFFFFF

Harmonikus / Természetes

405753

405457

404c57

404457

434057

Pop Art / Trendi

404c57

6d556d

664725

2c422c

87819b

Teljes Konverziós Tábla

HEX

#404C57

RGB

rgb(64,76,87)

RGBA

rgba(64,76,87, 1)

HSL

hsl(208.7,15.23%,29.61%)

OKLCH (Modern CSS)

oklch(0.41 0.02 246.1)

CSS Variable

--color: #404c57;

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

8.79

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

2.39

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)

#404c57#515157

ORIG

SIM

Deuteranopia (Zöld)

#404c57#484757

ORIG

SIM

Tritanopia (Kék)

#404c57#413f46

ORIG

SIM

Monokróm (Színvak)

#404c57#4b4b4b

Színpszichológia

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

Domináns kisugárzás

Bizalom

"A vállalati világ öltönye. Abszolút megbízhatóságot, logikát és szakértelmet kommunikál. Nem kockáztat, hanem biztosra megy."

A szín karakterleírása

Érzelmi hatások

BizalomNyugalomLogikaProfesszionalizmusCHROMO_TAG_DEPTH

Szimbolikus jelentések

TechnológiaVíz és tisztaságStabilitás és biztonság

Ajánlott iparágak

TechnológiaPénzügyJogiVállalatiEgészségügy

Lehetséges negatív hatások

SzomorúságHidegség, távolságtartá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.

Bázis

#404C57

Eredmény

#404C57

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

82%

16%

2%

RYB PIGMENTS

Elefántcsont Fekete

Pigment

82%

Ultramarin Kék

Pigment

16%

Kadmium Sárga

Pigment

2%

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

468 nm

641 THz • 2.65 eV

750nm

380nm

Színhőmérséklet

Hideg

~5000-10000K

Hideg

Meleg

Luminancia (Fényesség)

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

92%

Eredeti

Szabvány

gray-600

#4b5563

ΔE: 4.0

Google Material

93%

Eredeti

Szabvány

Blue Grey 800

#37474F

ΔE: 3.5

CSS Színnév

78%

Eredeti

Szabvány

DarkSlateGray

#2F4F4F

ΔE: 11.0

Apple System (iOS)

87%

Eredeti

Szabvány

System Graphite

#48484A

ΔE: 6.5

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-abyssal: #404c57;
  --rgb-abyssal: 64, 76, 87;
}

SCSS Változó

1

2

3

4

5

$color-abyssal: #404c57;
$rgb-abyssal: (64, 76, 87);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'abyssal': '#404c57',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let abyssalColor = Color(
    red: 0.25098039215686274, 
    green: 0.2980392156862745, 
    blue: 0.3411764705882353
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Abyssal",
  "hex": "#404c57",
  "rgb": {
    "r": 64,
    "g": 76,
    "b": 87
  },
  "hsl": {
    "h": 209,
    "s": 15,
    "l": 30
  }
}

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

#404c57

Abyssal

River Bed

rgb(64, 76, 87)

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

hsl(209, 0, 0, 1)

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

cmyk(26, 13, 0, 66)

Nyomdai színkódolás

0.069

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 vállalati világ öltönye. Abszolút megbízhatóságot, logikát és szakértelmet kommunikál. Nem kockáztat, hanem biztosra megy."

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.