bybenceKapcsolat

Kapcsolat

Szín adatlap

Placid Blue

A Placid Blue egy közepes világosságú, közepesen telített és hideg tónusú kék szín.

kék
közepes világosságú
közepesen telített
hideg tónusú

HEX

#88A9D2

RGB

rgb(136, 169, 210)

HSL

hsl(213, 45%, 68%)

Kattints a szín módosításához

Aktuális szín

#88A9D2

Legközelebbi: Placid Blue

Színkereső

Keress színt bármilyen formátumban.

Keress név, HEX, RGB, HSL, HSV, HSB vagy CMYK érték alapján. Ha nincs pontos találat, megkeressük a legközelebbi színt.

Technikai adatok

Placid Blue színértékei

HEX

#88A9D2

RGB

rgb(136, 169, 210)

HSL

hsl(213, 45%, 68%)

Színcsalád

kék

Világosság

közepes világosságú

Telítettség

közepesen telített

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Placid Blue színről?

A Placid Blue HSL világossága 68%, ezért közepesen világos árnyalatnak tekinthető. Telítettsége 45%, vagyis közepesen telített. Színárnyalati értéke 213°.

A számított design heurisztika alapján legerősebb szerepe kártya- és surface szín (65/100), ezt követi a border- és elválasztószín (62/100).

Világosság

68%

közepesen világos

Telítettség

45%

közepesen telített

Legjobb szerepkör

65/100

kártya- és surface szín

Legjobb kontraszt

8.65:1

Fekete szöveggel

WCAG / fekete szöveg

8.65:1

A fekete szöveg és a Placid Blue háttér kontrasztaránya 8.65:1.

WCAG / fehér szöveg

2.43:1

A fehér szöveg és a Placid Blue háttér kontrasztaránya 2.43:1.

Olvashatóság

Fekete szöveg ajánlott

A Placid Blue háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 8.65:1 aránnyal. Ez eléri a WCAG AAA szintet normál méretű szövegnél.

Színharmónia

Komplementer és analóg árnyalatok

A HSL színkör alapján a Placid Blue komplementer árnyalata #D2B189, míg a két 30°-kal eltolt analóg árnyalat #89CED2 és #8C89D2.

Komplementer

#D2B189

Legközelebbi név: Cracker Bitz

Analóg −30°

#89CED2

Legközelebbi név: Aqua Splash

Analóg +30°

#8C89D2

Legközelebbi név: Adora

Fejlesztőknek

Használd a Placid Blue színt kódban

Másold ki azonnal CSS, SCSS, Chakra UI, Tailwind vagy JSON formátumban.

#88A9D2

--color-placid-blue: #88A9D2;

Árnyalatok

A Placid Blue világosabb és sötétebb árnyalatai

Használj világosabb tónusokat háttérként és felületeken, sötétebb árnyalatokat pedig hangsúlyosabb elemekhez vagy erősebb kontraszthoz.

50

#F3F6FB

White Solid

100

#E1EAF4

Harbour Afternoon

200

#C9D8EB

Light Cuddle

300

#B2C7E2

Newman’s Eye

400

#9AB6D9

Mont Blanc

500

#88A9D2

Placid Blue

600

#7A98BD

Eiger Nordwand

700

#667F9E

Smoky Violet

800

#52657E

Admiral Blue

900

#3D4C5E

Man Friday

Gyors értékelés

Mire jó a Placid Blue?

Gyors áttekintés arról, hogy a Placid Blue milyen szerepekben működhet jól egy digitális felületen.

Placid Blue

#88A9D2

Elsődleges márkaszín

Használható

60/100

Kiemelőszín

Használható

56/100

CTA / gomb

Használható

60/100

Háttérszín

Használható

45/100

Kártya / surface

65/100

Szövegszín

Óvatosan

37/100

Border / elválasztó

Használható

62/100

Színkombinációk

Milyen színekkel párosítsd a Placid Blue színt?

Nem minden kombináció ugyanazt a vizuális hatást adja. Válassz palettát attól függően, hogy professzionális, prémium, lágy vagy merész megjelenést szeretnél.

Professzionális

Visszafogott, üzleti és könnyen alkalmazható kombináció.

Prémium

Mélyebb tónusokkal és erős kontraszttal elegánsabb hatás.

Lágy

Világosabb, nyugodtabb paletta nagyobb felületekhez.

Merész

Erősebb kontraszt és karakteresebb vizuális jelenlét.

Analóg

Egymáshoz közeli árnyalatok harmonikus színrendszerhez.

Kapcsolódó színpaletták

Színpaletták a Placid Blue színhez

Fedezz fel olyan összeállításokat, amelyekben a Placid Blue vagy egy hozzá közeli árnyalat kap szerepet.

Összes színpaletta →

Borostyán Mező Series

Erős kontrasztra és karakteres színkapcsolatokra épülő figyelemfelkeltő paletta.

#CAAF91

#89ABD2

#D9DAA9

#111111

#FFFFFF

Hajnali Korall No. 3

Erős vizuális kontrasztot adó paletta a főszínnel szemben álló komplementer árnyalattal.

#202B3C

#85A5D6

#E2E5E9

#D6BC94

#DDD3C6

Prémium Palakő Tone

Kontrasztos, de a klasszikus komplementer párosításnál kiegyensúlyozottabb paletta.

#85A5D6

#D89E97

#C4CB86

#E8EAEE

#27282B

Tiszta Bor Edition

Három, egymástól közel azonos szögtávolságra lévő színből épülő energikus paletta.

#85A5D6

#D69AB2

#9FC884

#EEEFF1

#222325

Óceáni Indigó Tone

Egyetlen szín különböző világossági és telítettségi változataiból épülő egységes paletta.

#EDEFF3

#B5C3D9

#85A5D6

#2A528D

#18253A

Ködös Lagúna No. 2

Mély tónusokra, erős kontrasztra és elegáns semleges felületekre épülő paletta.

#85A5D6

#192434

#111111

#F2EEE8

#FFFFFF

Accessibility

Olvashatóság és kontraszt

Ellenőrizd, hogy fekete vagy fehér szöveg működik-e jobban a Placid Blue háttéren, és hogy teljesülnek-e a WCAG kontrasztkövetelmények.

Fehér szöveg

Aa

2.43:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

8.65:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 8.65:1

A színről

01

Milyen szín a Placid Blue?

A Placid Blue (#88A9D2) egy közepes világosságú, közepesen telített és hideg tónusú kék szín. A kék színcsaládra jellemzően megbízható, nyugodt és professzionális vizuális karaktert képvisel.

02

A Placid Blue megjelenése

Közepes világossága miatt önálló főszínként és kiegészítő árnyalatként is rugalmasan használható. Közepes telítettsége jó egyensúlyt teremt a visszafogott és a hangsúlyos megjelenés között. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Placid Blue?

A Placid Blue különösen jól használható üzleti weboldalakhoz, technológiai projektekhez és professzionális digitális felületekhez. A pontos alkalmazásnál érdemes figyelembe venni a környező színeket, a kontrasztot és azt is, hogy főszínként vagy kiegészítő színként jelenik meg.

Felhasználási területek

Hol működik jól a Placid Blue?

Ugyanaz a szín teljesen más karaktert adhat attól függően, hogy weboldalon, arculatban, alkalmazásban vagy nyomtatott anyagon használjuk.

Webdesign

01

Weboldalakon

Webdesignban a Placid Blue különösen jól működhet fő márkaszínként, gomboknál, kártyákon, navigációs elemeknél és vizuális kiemeléseknél. A közepesen telített karakter miatt érdemes figyelni arra, hogy ne kerüljön túl sok hasonlóan hangsúlyos szín mellé, mert az gyengítheti a vizuális hierarchiát.

Egyedi weboldal készítés Debrecenben

Branding

02

Arculatban

Arculati színként a Placid Blue stabil, professzionális és bizalomkeltő benyomást közvetíthet. Jól illeszkedhet technológia, pénzügy, SaaS és üzleti szolgáltatások területén működő márkákhoz, különösen akkor, ha a cél egy megbízható, nyugodt és professzionális megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Placid Blue használható aktív állapotokhoz, gombokhoz, linkekhez, badge-ekhez vagy hangsúlyos információk jelölésére. Nagyobb összefüggő felületen történő használat előtt mindig érdemes ellenőrizni a szöveg és a háttér közötti kontrasztot.

BRAND

Visual
story.

Social

04

Közösségi médiában

Közösségi média grafikákban a Placid Blue erős vizuális azonosító lehet. Háttérként, tipográfiai kiemelésként vagy visszatérő márkaelemként is alkalmazható, különösen egyszerűbb kompozíciókban, ahol a színnek van tere érvényesülni.

Print

05

Nyomtatott anyagokon

Nyomtatott anyagokon, például névjegyen, plakáton, brosúrán vagy csomagoláson a Placid Blue karakteres vizuális jelenlétet adhat. Digitális és nyomtatott használat között azonban lehet eltérés, ezért végleges gyártás előtt érdemes a megfelelő színprofilt is ellenőrizni.

Figyelj a kontrasztra.

Egy jó szín is működhet rosszul rossz környezetben.

Használat

06

Mikor érdemes óvatosan használni?

A Placid Blue használatánál érdemes kerülni a túl sok hasonló tónusú árnyalat egymás mellé helyezését, mert ettől a felület vizuális hierarchiája gyengülhet.

Interaktív előnézet

Így néz ki a Placid Blue használat közben.

Nézd meg, hogyan változik ugyanaz a szín weboldalon, alkalmazásban, webshopban, közösségi média grafikán vagy egy teljes márkaarculat részeként.

Egyedi weboldal készítés Debrecenben

Élő színelőnézet

Studio.

Munkák

Szolgáltatások

Kapcsolat

Creative studio

Digitális élmények, amelyek működnek.

Modern weboldalak és digitális felületek erős vizuális hierarchiával.

Projekt indítása

Gyakori kérdések

Placid Blue – kérdések és válaszok

Milyen szín a Placid Blue?

A Placid Blue (#88A9D2) egy közepes világosságú, közepesen telített és hideg tónusú kék szín. HSL értéke 213° árnyalat, 45% telítettség és 68% világosság.

Milyen színek illenek a Placid Blue színhez?

A HSL színkör alapján a Placid Blue komplementer árnyalata #D2B189, amelyhez a Cracker Bitz áll közel. Analóg kombinációhoz a #89CED2 és #8C89D2 árnyalat használható; ezekhez a Aqua Splash és Adora áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Placid Blue webdesignban?

A számított design heurisztika szerint a Placid Blue legerősebb szerepköre kártya- és felületszín (65/100), ezt követi a szegély- és elválasztószín (62/100). 68%-os világossága miatt világosabb felületeken, kártyákon és visszafogottabb vizuális elemként működhet jól.

Milyen szövegszín olvasható a Placid Blue háttéren?

A Placid Blue háttéren a fekete szöveg biztosítja a nagyobb kontrasztot 8.65:1 aránnyal. A fekete szöveg kontrasztaránya 8.65:1, a fehér szövegé 2.43:1. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

Jó CTA- vagy gombszín a Placid Blue?

A Placid Blue számított CTA-alkalmassági pontszáma 60/100. Ez alapján bizonyos felületeken használható CTA-színként, de érdemes a teljes palettával és a környező kontraszttal együtt értékelni.

Milyen szövegszín ajánlott a Placid Blue színű gombhoz?

Ha a gomb háttérszíne Placid Blue (#88A9D2), a fekete szöveg ajánlott, mert 8.65:1 kontrasztot ad. A kontraszt eléri a WCAG AAA szintet normál méretű szövegnél is.

Használható a Placid Blue háttérszínként?

A Placid Blue háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 45/100. 68%-os világossága és 45%-os telítettsége miatt világosabb felületeken, kártyákon és visszafogottabb vizuális elemként működhet jól. Szöveg elhelyezésekor a fekete szín adja a jobb fekete-fehér kontrasztot.

Mi a Placid Blue HEX, RGB és HSL kódja?

A Placid Blue HEX kódja #88A9D2. RGB értéke 136, 169, 210, HSL értéke pedig 213°, 45%, 68%.

Fedezz fel további színeket

A Placid Blue színhez hasonló árnyalatok

Cotton Wool Blue

#83ABD2

Mini Bay

#8AADCF

Windfall

#84A7CE

Boy Blue

#8CACD6

Polo Blue

#8AA7CC

Anode

#89A4CD

Ocean Bubble

#8CADCD

Boo Blue

#84AFD5