bybenceKapcsolat

Kapcsolat

Szín adatlap

Adorbs

A Adorbs egy világos, visszafogott és hideg tónusú cián szín.

cián
világos
visszafogott
hideg tónusú

HEX

#B8CACE

RGB

rgb(184, 202, 206)

HSL

hsl(191, 18%, 76%)

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

Aktuális szín

#B8CACE

Legközelebbi: Adorbs

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

Adorbs színértékei

HEX

#B8CACE

RGB

rgb(184, 202, 206)

HSL

hsl(191, 18%, 76%)

Színcsalád

cián

Világosság

világos

Telítettség

visszafogott

Hőmérséklet

hideg tónusú

Színelemzés

Mit érdemes tudni a Adorbs színről?

A Adorbs HSL világossága 76%, ezért világos árnyalatnak tekinthető. Telítettsége 18%, vagyis visszafogottan telített. Színárnyalati értéke 191°.

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

Világosság

76%

világos

Telítettség

18%

visszafogottan telített

Legjobb szerepkör

79/100

border- és elválasztószín

Legjobb kontraszt

12.38:1

Fekete szöveggel

WCAG / fekete szöveg

12.38:1

A fekete szöveg és a Adorbs háttér kontrasztaránya 12.38:1.

WCAG / fehér szöveg

1.7:1

A fehér szöveg és a Adorbs háttér kontrasztaránya 1.7:1.

Olvashatóság

Fekete szöveg ajánlott

A Adorbs háttéren a fekete szöveg biztosítja a nagyobb kontrasztot, 12.38: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 Adorbs komplementer árnyalata #CDBBB7, míg a két 30°-kal eltolt analóg árnyalat #B7CDC6 és #B7BECD.

Komplementer

#CDBBB7

Legközelebbi név: Hushed Violet

Analóg −30°

#B7CDC6

Legközelebbi név: Sea Sprite

Analóg +30°

#B7BECD

Legközelebbi név: Mistral

Fejlesztőknek

Használd a Adorbs színt kódban

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

#B8CACE

--color-adorbs: #B8CACE;

Árnyalatok

A Adorbs 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

#F8FAFA

Doctor

100

#EDF2F3

Maui Mist

200

#DFE7E9

Filigree

300

#D1DDDF

Blue Nuance

400

#C3D2D5

Scandinavian Sky

500

#B8CACE

Adorbs

600

#A6B6B9

Shark Loop

700

#8A989B

Silver Blue

800

#6E797C

Phantom

900

#535B5D

Bovine

Gyors értékelés

Mire jó a Adorbs?

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

Adorbs

#B8CACE

Elsődleges márkaszín

Óvatosan

36/100

Kiemelőszín

Óvatosan

30/100

CTA / gomb

Óvatosan

34/100

Háttérszín

75/100

Kártya / surface

78/100

Szövegszín

Óvatosan

28/100

Border / elválasztó

79/100

Színkombinációk

Milyen színekkel párosítsd a Adorbs 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 Adorbs színhez

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

Összes színpaletta →

Óceáni Kert No. 2

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

#EFF0F0

#BDCAD0

#355B6E

#386880

#1E2C34

Éjféli Erdő

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

#EFF0F0

#BDCAD0

#497D97

#386880

#1E2C34

Óceáni Bor Edition

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

#EFF0F0

#BDCAD0

#689CB6

#386880

#1E2C34

Jeges Mező Series

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

#EFF0F0

#BDCAD0

#91B7CA

#386880

#1E2C34

Fagyos Horizont Tone

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

#EFF0F0

#BDC8D0

#35546E

#385F80

#1E2A34

Sarki Moha Collection

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

#EFF0F0

#BDC8D0

#497397

#385E80

#1E2A34

Accessibility

Olvashatóság és kontraszt

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

Fehér szöveg

Aa

1.7:1

× WCAG AA
× WCAG AAA

Fekete szöveg

Aa

12.38:1

WCAG AA
WCAG AAA

Ajánlott szövegszín

Fekete

Legjobb kontraszt: 12.38:1

A színről

01

Milyen szín a Adorbs?

A Adorbs (#B8CACE) egy világos, visszafogott és hideg tónusú cián szín. A cián színcsaládra jellemzően friss, tiszta és modern vizuális karaktert képvisel.

02

A Adorbs megjelenése

Világos karaktere könnyedebb és szellősebb megjelenést eredményez, ezért nagyobb felületeken és háttérszínként is jól működhet. Visszafogott telítettsége miatt kevésbé domináns, így nyugodtabb és kiegyensúlyozottabb vizuális környezetben is jól használható. Hideg tónusa rendezettebb, nyugodtabb és modernebb vizuális hatást kelthet.

03

Mire használható a Adorbs?

A Adorbs különösen jól használható modern digitális felületekhez, technológiai projektekhez és könnyed vizuális megoldásokhoz. 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 Adorbs?

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 Adorbs különösen jól működhet háttérszínként, nagyobb felületeken, kártyákon, szekciók elválasztására vagy finom accent színként. A visszafogott 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 Adorbs friss, rendezett és digitális benyomást közvetíthet. Jól illeszkedhet technológia, SaaS, egészségügyi technológia és digitális szolgáltatások területén működő márkákhoz, különösen akkor, ha a cél egy friss, tiszta és modern megjelenés kialakítása.

UI design

03

Felhasználói felületeken

Felhasználói felületeken a Adorbs 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 Adorbs 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 Adorbs 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?

Nagyon világos felületeken a Adorbs könnyen elveszítheti a vizuális súlyát, ezért fontos megfelelő kontrasztú tipográfiával és határozottabb kiegészítő színekkel párosítani.

Interaktív előnézet

Így néz ki a Adorbs 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

Adorbs – kérdések és válaszok

Milyen szín a Adorbs?

A Adorbs (#B8CACE) egy világos, visszafogott és hideg tónusú cián szín. HSL értéke 191° árnyalat, 18% telítettség és 76% világosság.

Milyen színek illenek a Adorbs színhez?

A HSL színkör alapján a Adorbs komplementer árnyalata #CDBBB7, amelyhez a Hushed Violet áll közel. Analóg kombinációhoz a #B7CDC6 és #B7BECD árnyalat használható; ezekhez a Sea Sprite és Mistral áll közel. Semleges kiegészítőként fekete, fehér és szürke árnyalatokkal is párosítható.

Mire használható a Adorbs webdesignban?

A számított design heurisztika szerint a Adorbs legerősebb szerepköre szegély- és elválasztószín (79/100), ezt követi a kártya- és felületszín (78/100). 76%-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 Adorbs háttéren?

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

Jó CTA- vagy gombszín a Adorbs?

A Adorbs számított CTA-alkalmassági pontszáma 34/100. Ez alapján nem tartozik a legerősebb CTA-színek közé; valószínűleg más vizuális szerepkörben működik jobban.

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

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

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

A Adorbs háttérszín-alkalmassági pontszáma a számított design heurisztika szerint 75/100. 76%-os világossága és 18%-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 Adorbs HEX, RGB és HSL kódja?

A Adorbs HEX kódja #B8CACE. RGB értéke 184, 202, 206, HSL értéke pedig 191°, 18%, 76%.

Fedezz fel további színeket

A Adorbs színhez hasonló árnyalatok

Blue Shale

#B9CACC

Salvaged Silk

#BAC9CF

Silver Strand

#B8C7CE

Sleepy Blue

#BCCBCE

Berry Mojito

#B6CACA

Hazy Blue

#BCC8CC

English Hollyhock

#B5C9D2

Flowing Breeze

#B9C6CB