Színpaletták / Márkaszínek / Kallos Cosmetics
MÁRKAARCULAT · KOZMETIKA
Kallos Cosmetics színei és HEX-kódjai
Kallos Cosmetics oldalán talált színminták: #567E73, #FF4B00, #334641, #DFF3FD, #FFE5DA. A lenti megállapítások a HEX-értékekből számított elemzések, nem a márka hivatalos arculati útmutatója.
5 árnyalat · Kattints egy színre a HEX másolásához
A Kallos Cosmetics színrendszerének értelmezése
A Kallos Cosmetics színadatai a megadott weboldal nyilvánosan elérhető HTML/CSS-stílusaiból automatikusan kinyert minták. Egy CSS-ben szereplő szín nem feltétlenül a vállalat elsődleges arculati színe, és a paletta nem hitelesített hivatalos márkakézikönyv.
A megadott színek átlagos telítettsége 64,6%, az átlagos világosságuk 60,4%. Ezek a számok a márka bemutatott árnyalatainak egymáshoz viszonyított karakterét írják le, nem egy új paletta minősítései.
SZÍNPROFIL / KALLOS COSMETICS
Mit mutat ez a konkrét paletta?
A következő megállapítások a 5 bemutatott HEX-kód alapján készültek. Minden márkánál a tényleges árnyalatokat és kiszámított kontrasztokat vizsgáljuk.
5 szín
Első minta: #567E73
Hangulat: inkább hűvös
2/10 AA színpár
01 · SZÍNÖSSZETÉTEL
zöld nyitószín · inkább hűvös színvilág
A Kallos Cosmetics 5 bemutatott színe közül a #567E73 zöld karakterű. A legsötétebb (#334641) és legvilágosabb (#DFF3FD) árnyalat között 69 százalékpontos HSL-világossági különbség látható. A színkészlet inkább hűvös összhatást ad.
02 · OLVASHATÓSÁG
Mért kontraszt
A #334641 és #DFF3FD páros 8.78:1 kontrasztot ad, ezért a színkódok számított aránya alapján normál szöveghez eléri a WCAG AA 4,5:1 küszöböt. A vizsgált 10 eltérő párból 2 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #FF4B00 lehet kiemelőszín-jelölt. A #567E73 hátteren a #FFFFFF szöveg 4.54:1 arányt ad, így normál szövegre AA-szintű. Ezek technikai javaslatok, nem a márka jóváhagyott használati szabályai.
Kallos Cosmetics márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#567E73
RGB 86, 126, 115
HSL 164°, 19%, 42%
Szín 2 · CSS-minta 2
#FF4B00
RGB 255, 75, 0
HSL 18°, 100%, 50%
Szín 3 · CSS-minta 3
#334641
RGB 51, 70, 65
HSL 164°, 16%, 24%
Szín 4 · CSS-minta 4
#DFF3FD
RGB 223, 243, 253
HSL 200°, 88%, 93%
Szín 5 · CSS-minta 5
#FFE5DA
RGB 255, 229, 218
HSL 18°, 100%, 93%
A színek megjelenése egy felületen
A márkához társított színértékekből készített szemléltető weboldal-előnézet. A vállalat tényleges felületét és színhasználati szabályait nem helyettesíti.
MÁRKASZÍN · DEMÓ
Színalkalmazási példa
Arculati színek webes környezetben
Mit mutatnak a Kallos Cosmetics színei?
Az előnézet a bemutatott HEX-kódokból készült. Szemléltető UI-minta, nem a cég eredeti weboldala.
Sötét felület
Színek szerepben
Háttér, kiemelés, tipográfia – eltérő kontrasztigénnyel.
Kontraszt és olvashatóság
A felsorolt színértékek között a legnagyobb számított kontraszt 8,8:1; a vizsgált, különböző színekből álló irányított párok közül 4/20 felel meg a normál szövegre vonatkozó WCAG AA 4,5:1 küszöbnek. Ez a színkódokra végzett mérés, nem az adott cég weboldalának akadálymentességi auditja.
#567E73
Fehér 4.54 · Fekete 4.63
AA normál szöveg: fehér megfelel · fekete megfelel
#FF4B00
Fehér 3.36 · Fekete 6.26
AA normál szöveg: fehér nem felel meg · fekete megfelel
#334641
Fehér 10.03 · Fekete 2.09
AA normál szöveg: fehér megfelel · fekete nem felel meg
#DFF3FD
Fehér 1.14 · Fekete 18.38
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FFE5DA
Fehér 1.20 · Fekete 17.47
AA normál szöveg: fehér nem felel meg · fekete megfelel
Színpárok kontrasztja
Az itt szereplő színek egymással való kombinációját is megvizsgálhatod. Ez különösen a szövegek és a gombok olvashatóságánál számít.
#334641 / #DFF3FD
8.78:1 · AA igen
#DFF3FD / #334641
8.78:1 · AA igen
#334641 / #FFE5DA
8.35:1 · AA igen
#FFE5DA / #334641
8.35:1 · AA igen
Teljes színkontraszt-mátrix
A Kallos Cosmetics felsorolt színkódjainak minden kombinációja, számszerű WCAG-arányokkal. Az AA minősítés normál szövegre értendő (legalább 4,5:1).
| Háttér / szöveg | #567E73 | #FF4B00 | #334641 | #DFF3FD | #FFE5DA |
|---|---|---|---|---|---|
| #567E73 | 1.00 | 1.35 | 2.21 | 3.97 | 3.78 |
| #FF4B00 | 1.35 | 1.00 | 2.99 | 2.94 | 2.79 |
| #334641 | 2.21 | 2.99 | 1.00 | 8.78 AA | 8.35 AA |
| #DFF3FD | 3.97 | 2.94 | 8.78 AA | 1.00 | 1.05 |
| #FFE5DA | 3.78 | 2.79 | 8.35 AA | 1.05 | 1.00 |
Színhierarchia és vizuális szerepek
Az alábbi felosztás a felsorolt arculati színek webes értelmezése. Nem állítja, hogy a Kallos Cosmetics saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#567E73
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#DFF3FD
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#334641
Kontrasztalap sötét megjelenítéshez.
Színlátási szimuláció
Tájékoztató közelítés különböző színlátási eltérésekhez. Nem helyettesíti a valódi akadálymentességi tesztet.
Eredeti
Protanopia – pirosérzékelés
Deuteranopia – zöldérzékelés
Tritanopia – kékérzékelés
CSS-színváltozók
A márka színreferenciáit fejlesztéshez exportálhatod.
:root {
--kallos-cosmetics-1: #567E73;
--kallos-cosmetics-2: #FF4B00;
--kallos-cosmetics-3: #334641;
--kallos-cosmetics-4: #DFF3FD;
--kallos-cosmetics-5: #FFE5DA;
}Elemzés: a bemutatott színek
A Kallos Cosmetics 5 bemutatott színe közül a #567E73 zöld karakterű. A legsötétebb (#334641) és legvilágosabb (#DFF3FD) árnyalat között 69 százalékpontos HSL-világossági különbség látható. A színkészlet inkább hűvös összhatást ad.
A megadott színek átlagos telítettsége 64,6%, az átlagos világosságuk 60,4%. Ezek a számok a márka bemutatott árnyalatainak egymáshoz viszonyított karakterét írják le, nem egy új paletta minősítései.
A felsorolt színértékek között a legnagyobb számított kontraszt 8,8:1; a vizsgált, különböző színekből álló irányított párok közül 4/20 felel meg a normál szövegre vonatkozó WCAG AA 4,5:1 küszöbnek. Ez a színkódokra végzett mérés, nem az adott cég weboldalának akadálymentességi auditja.
A mért értékek a kiválasztott színek viszonyait írják le; nem minősítjük a vállalat arculatának minőségét egyetlen pontszámmal.
Forrás és adatpontosság
A megadott nyilvános weboldal HTML/CSS-stílusaiból automatikusan kinyert színminták (2026. október). Nem hitelesített arculati útmutató.. A Kallos Cosmetics színadatai a megadott weboldal nyilvánosan elérhető HTML/CSS-stílusaiból automatikusan kinyert minták. Egy CSS-ben szereplő szín nem feltétlenül a vállalat elsődleges arculati színe, és a paletta nem hitelesített hivatalos márkakézikönyv.
A színkódok oktatási és elemzési célú bemutatása nem jelent márkapartnerséget vagy védjegyhasználati engedélyt.
Színadatok forrásának megnyitásaGyakori kérdések a Kallos Cosmetics színeiről
Milyen CSS-színek találhatók a Kallos Cosmetics weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #567E73, #FF4B00, #334641, #DFF3FD, #FFE5DA. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Kallos Cosmetics színeinek HEX-kódja?
A felsorolt HEX-kódok: #567E73, #FF4B00, #334641, #DFF3FD, #FFE5DA. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Kallos Cosmetics színeinek kontrasztja?
A lenti színpárok WCAG-kontrasztaránya számított adat. A normál szövegre vonatkozó AA határérték 4,5:1. A mérés nem teljes weboldal-audit.
Hivatalos a Kallos Cosmetics színpaletta?
A Kallos Cosmetics színadatai a megadott weboldal nyilvánosan elérhető HTML/CSS-stílusaiból automatikusan kinyert minták. Egy CSS-ben szereplő szín nem feltétlenül a vállalat elsődleges arculati színe, és a paletta nem hitelesített hivatalos márkakézikönyv.
További márkák színei
További színrendszerek: színpaletta-katalógus és színelemző.