#225577

3AM in Shibuya

ReadyTools Adatbázis (Pontos)

Bay of Many

~88% match

Színformátumok

RGB

rgb(34, 85, 119)

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

HSL

hsl(204, 56%, 30%)

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

CMYK

cmyk(71, 29, 0, 53)

Nyomdai színkódolás

Luminance

0.082

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)

#225577

#774422

Analóg (Szomszédos)

#22776f

#225577

#222a77

Triád (Háromszög)

#225577

#772255

#557722

Split-Komplementer

#225577

#77222b

#776e22

Teljes Konverziós Tábla

HEX

#225577

RGB

rgb(34,85,119)

RGBA

rgba(34,85,119, 1)

HSL

hsl(204,55.56%,30%)

OKLCH (Modern CSS)

oklch(0.43 0.08 241.2)

CSS Variable

--color: #225577;

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

7.97

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

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)

#225577#646477

ORIG

SIM

Deuteranopia (Zöld)

#225577#413b77

ORIG

SIM

Tritanopia (Kék)

#225577#25373d

ORIG

SIM

Monokróm (Színvak)

#225577#515151

Keverési Útmutató

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

MIXING PALETTE

55%

39%

7%

RYB PIGMENTS

Elefántcsont Fekete

Pigment

55%

Ultramarin Kék

Pigment

39%

Kadmium Sárga

Pigment

7%

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

Kék árnyalat

450–495 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)

8.2%

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 2.7

Saját szín

Legközelebbi

sky-800

#075985

Material Design 2

ΔE 5.3

Saját szín

Legközelebbi

Light Blue 900

#01579B

CSS színnevek

ΔE 14.6

Saját szín

Legközelebbi

DarkSlateBlue

#483D8B

Bootstrap 5

ΔE 8.7

Saját szín

Legközelebbi

blue-700

#084298

Open Color

ΔE 8.0

Saját szín

Legközelebbi

blue-9

#1864AB

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

#225577

Elsődleges hover

#38678A

Elsődleges aktív

#4A779B

Elsődleges lágy

#E0E5EB

Elsődleges szegély

#AAB9C8

Felületek

Háttér

#F7F9FA

Felület

#FFFFFF

Kiemelt felület

#FCFCFD

Tompa felület

#E0E7EE

Szöveg

Elsődleges szöveg

#121B2B

Másodlagos szöveg

#495564

Tompa szöveg

#687180

Szöveg az elsődleges színen

#FFFFFF

Szegély és fókusz

Szegély

#D6DAE1

Erős szegély

#ADBCCD

Fókuszkeret

#225577

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