Abloom (#f1cbcd) 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)

#f1cbcd

#cbf1ef

Analóg (Szomszédos)

#f1cbe0

#f1cbcd

#f1dccb

Triád (Háromszög)

#f1cbcd

#cdf1cb

#cbcdf1

Split-Komplementer

#f1cbcd

#cbf1dc

#cbe0f1

Intelligens Paletták

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

Modern UI / Monokróm

ffffff

d5b0b2

f1cbcd

513336

000000

Marketing / Vibráló

f1cbcd

ffafbc

cbf1ef

a9f9cf

101827

Harmonikus / Természetes

f1cbe6

f1cbda

f1cbcd

f1d6cb

f1e2cb

Pop Art / Trendi

f1cbcd

faffe4

96faf7

b2b2d7

ffffff

Teljes Konverziós Tábla

HEX

#F1CBCD

RGB

rgb(241,203,205)

RGBA

rgba(241,203,205, 1)

HSL

hsl(356.84,57.58%,87.06%)

OKLCH (Modern CSS)

oklch(0.88 0.04 14.4)

CSS Variable

--color: #f1cbcd;

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.

Minimalista

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

Helvetica

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'

Elegáns

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

'Playfair Display'

BODY

400 Regular

'Lato'

Olvashatóság

Kontraszt & Olvashatóság (WCAG)

Fehér Háttéren

1.48

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

14.16

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)

#f1cbcd#cccccd

ORIG

SIM

Deuteranopia (Zöld)

#f1cbcd#e1e6cd

ORIG

SIM

Tritanopia (Kék)

#f1cbcd#efc7dd

ORIG

SIM

Monokróm (Színvak)

#f1cbcd#d4d4d4

Színpszichológia

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

Domináns kisugárzás

Szenvedély

"Színtiszta adrenalin. Azonnali fiziológiai reakciót vált ki: növeli a pulzust és cselekvésre ösztönöz. A szenvedély és sürgetés vizuális megfelelője."

A szín karakterleírása

Érzelmi hatások

SzenvedélyEnergiaSürgetésSzeretetMelegség

Szimbolikus jelentések

Szerelem és erőFigyelmeztetésSzív és érzelem

Ajánlott iparágak

ÉlelmiszerJáték és gyermekSzépség és kozmetikaMarketingSport

Lehetséges negatív hatások

AggresszióérzetVeszélyérzet

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

#F1CBCD

Eredmény

#F1CBCD

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

83%

16%

RYB PIGMENTS

Titán Fehér

Pigment

83%

Kadmium Vörös

Pigment

16%

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

666 nm

450 THz • 1.86 eV

750nm

380nm

Színhőmérséklet

Meleg

~2000-4000K

Hideg

Meleg

Luminancia (Fényesség)

65.8%

Világos / Light

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

93%

Eredeti

Szabvány

rose-200

#fecdd3

ΔE: 3.4

Google Material

93%

Eredeti

Szabvány

Red 100

#FFCDD2

ΔE: 3.5

CSS Színnév

87%

Eredeti

Szabvány

MistyRose

#FFE4E1

ΔE: 6.6

Apple System (iOS)

72%

Eredeti

Szabvány

System Gray 4

#D1D1D6

ΔE: 13.8

Kód

CSS Változó

1

2

3

4

5

:root {
  --color-abloom: #f1cbcd;
  --rgb-abloom: 241, 203, 205;
}

SCSS Változó

1

2

3

4

5

$color-abloom: #f1cbcd;
$rgb-abloom: (241, 203, 205);

Tailwind Config

1

2

3

4

5

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'abloom': '#f1cbcd',
      }
    }
  }
}

React Native

1

2

3

4

5

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

SwiftUI (iOS)

1

2

3

4

5

// SwiftUI
let abloomColor = Color(
    red: 0.9450980392156862, 
    green: 0.796078431372549, 
    blue: 0.803921568627451
)

Teljes JSON Adat

1

2

3

4

5

{
  "name": "Abloom",
  "hex": "#f1cbcd",
  "rgb": {
    "r": 241,
    "g": 203,
    "b": 205
  },
  "hsl": {
    "h": 357,
    "s": 58,
    "l": 87
  }
}

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

#f1cbcd

Abloom

Beauty Bush

rgb(241, 203, 205)

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

hsl(357, 1, 1, 1)

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

cmyk(0, 16, 15, 5)

Nyomdai színkódolás

0.658

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

"Színtiszta adrenalin. Azonnali fiziológiai reakciót vált ki: növeli a pulzust és cselekvésre ösztönöz. A szenvedély és sürgetés vizuális megfelelője."

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.