ReadyTools (#4ba2c2) 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)

#4ba2c2

#c26b4b

Analóg (Szomszédos)

#4bc2a7

#4ba2c2

#4b66c2

Triád (Háromszög)

#4ba2c2

#c24ba2

#a2c24b

Split-Komplementer

#4ba2c2

#c24b66

#c2a64b

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

8ec0d6

4ba2c2

00405c

000000

Marketing / Vibráló

4ba2c2

00adf7

c26b4b

d92c61

FFFFFF

Harmonikus / Természetes

4bc293

4bc2ba

4ba2c2

4b7ac2

4b53c2

Pop Art / Trendi

4ba2c2

c063db

d55f34

4ca933

9d8eff

Teljes Konverziós Tábla

HEX

#4BA2C2

RGB

rgb(75,162,194)

RGBA

rgba(75,162,194, 1)

HSL

hsl(196.13,49.38%,52.75%)

OKLCH (Modern CSS)

oklch(0.67 0.10 225.1)

CSS Variable

--color: #4ba2c2;

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.

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

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'

Vállalati

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

'Proxima Nova'

BODY

400 Regular

'Helvetica Neue'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

2.90

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

7.25

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)

#4ba2c2#b0b0c2

ORIG

SIM

Deuteranopia (Zöld)

#4ba2c2#766fc2

ORIG

SIM

Tritanopia (Kék)

#4ba2c2#4f6c79

ORIG

SIM

Monokróm (Színvak)

#4ba2c2#989898

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égtelen lehetőségek és szabadság árnyalata. Megnyugtató, mint a tiszta égbolt – bizalmat ébreszt és csökkenti a stresszt."

A szín karakterleírása

Érzelmi hatások

BizalomNyugalomLogikaProfesszionalizmus

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

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

#4BA2C2

Eredmény

#4BA2C2

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

73%

16%

11%

RYB PIGMENTS

Ultramarin Kék

Pigment

73%

Kadmium Sárga

Pigment

16%

Titán Fehér

Pigment

11%

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

477 nm

629 THz • 2.60 eV

750nm

380nm

Színhőmérséklet

Hideg

~5000-10000K

Hideg

Meleg

Luminancia (Fényesség)

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

87%

Eredeti

Szabvány

cyan-600

#0891b2

ΔE: 6.6

Google Material

85%

Eredeti

Szabvány

Cyan 600

#00ACC1

ΔE: 7.3

CSS Színnév

79%

Eredeti

Szabvány

DeepSkyBlue

#00BFFF

ΔE: 10.4

Apple System (iOS)

87%

Eredeti

Szabvány

System Teal

#30B0C7

ΔE: 6.5

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-readytools: #4ba2c2;
  --rgb-readytools: 75, 162, 194;
}

SCSS Változó

1

2

3

4

5

$color-readytools: #4ba2c2;
$rgb-readytools: (75, 162, 194);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'readytools': '#4ba2c2',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let readytoolsColor = Color(
    red: 0.29411764705882354, 
    green: 0.6352941176470588, 
    blue: 0.7607843137254902
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "ReadyTools",
  "hex": "#4ba2c2",
  "rgb": {
    "r": 75,
    "g": 162,
    "b": 194
  },
  "hsl": {
    "h": 196,
    "s": 49,
    "l": 53
  }
}

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

#4ba2c2

ReadyTools

Pelorous

rgb(75, 162, 194)

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

hsl(196, 0, 1, 1)

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

cmyk(61, 16, 0, 24)

Nyomdai színkódolás

0.312

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égtelen lehetőségek és szabadság árnyalata. Megnyugtató, mint a tiszta égbolt – bizalmat ébreszt és csökkenti a stresszt."

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.