#33616a

After the Storm

ReadyTools Adatbázis (Pontos)

Casal

~98% match

Színformátumok

RGB

rgb(51, 97, 106)

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

HSL

hsl(190, 35%, 31%)

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

CMYK

cmyk(52, 8, 0, 58)

Nyomdai színkódolás

Luminance

0.103

Relatív fényesség

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)

#33616a

#6a3c33

Analóg (Szomszédos)

#336a58

#33616a

#33456a

Triád (Háromszög)

#33616a

#6a3361

#616a33

Split-Komplementer

#33616a

#6a3345

#6a5833

Teljes Konverziós Tábla

HEX

#33616A

RGB

rgb(51,97,106)

RGBA

rgba(51,97,106, 1)

HSL

hsl(189.82,35.03%,30.78%)

OKLCH (Modern CSS)

oklch(0.46 0.05 211.7)

CSS Variable

--color: #33616a;

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

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

6.87

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

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)

#33616a#65656a

ORIG

SIM

Deuteranopia (Zöld)

#33616a#47446a

ORIG

SIM

Tritanopia (Kék)

#33616a#35444b

ORIG

SIM

Monokróm (Színvak)

#33616a#5a5a5a

Keverési Útmutató

Így keverheted ki ezt a színt fizikai festékekből vagy nyomdai tintákból.

MIXING PALETTE

64%

28%

8%

RYB PIGMENTS

Elefántcsont Fekete

Pigment

64%

Ultramarin Kék

Pigment

28%

Kadmium Sárga

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 digitális színből számított érzékelési és fényességi tulajdonságok.

Spektrális kapcsolat

Cián árnyalat

485–500 nm • legközelebbi látható spektrumtartomány

750 nm

380 nm

Vizuális hőérzet

Hideg

Érzékelésen alapuló meleg–hideg besorolás. Egy tetszőleges felületszínhez nem tartozik Kelvin-érték.

Hideg

Semleges

Meleg

Luminancia (Fényesség)

10.3%

Sötét • relatív luminancia

0%

50%

100%

Az RGB-színt a kijelző több fénykomponensből állítja elő, ezért ez vizuális összehasonlítás, nem pontos fizikai hullámhossz.

Színkönyvtár-egyezések

Nézd meg a legközelebbi egyezést hasznos digitális és fizikai színkönyvtárakban.

Tailwind CSS

ΔE 5.7

Saját szín

Legközelebbi

cyan-800

#155e75

Material Design 2

ΔE 6.4

Saját szín

Legközelebbi

Cyan 900

#006064

CSS színnevek

ΔE 7.4

Saját szín

Legközelebbi

DarkSlateGray

#2F4F4F

Bootstrap 5

ΔE 6.5

Saját szín

Legközelebbi

cyan-800

#055160

Open Color

ΔE 7.4

Saját szín

Legközelebbi

cyan-9

#0B7285

Designrendszer és kód

Készíts szemantikus színtokeneket, majd exportáld őket webes, mobilos és design tokenes használatra.

Szemantikus színtokenek

Márka

Elsődleges

#33616A

Elsődleges hover

#46747D

Elsődleges aktív

#57848E

Elsődleges lágy

#E1E7E9

Elsődleges szegély

#ADBEC2

Felületek

Háttér

#F7F9F9

Felület

#FFFFFF

Kiemelt felület

#FCFCFD

Tompa felület

#E1E8ED

Szöveg

Elsődleges szöveg

#131C2B

Másodlagos szöveg

#4A5663

Tompa szöveg

#68717F

Szöveg az elsődleges színen

#FFFFFF

Szegély és fókusz

Szegély

#D6DCE0

Erős szegély

#AFBFCA

Fókuszkeret

#33616A

Állapotok

Siker

#16803C

Figyelmeztetés

#B45309

Veszély

#DC2626

Információ

#2563EB

Webes beállítás

Gradiens Galéria

Prémium CSS hátterek és textúrák generálása a színedből.


Top eszközök

WorkspaceLinksyBoardlyChromo

ReadyTools

KarrierKapcsolatEszközök
Árak7 nap ingyen
TámogatásBiztonságÚtmutatókDocsBlogFrissítésekLaraVault

Nyelv kiválasztása

Téma beállítása

ReadyTools

© 2026 ReadyTools. Minden jog fenntartva.