Színpaletták / Márkaszínek / DreamJobs
MÁRKAARCULAT · ÁLLÁS
DreamJobs színei és HEX-kódjai
DreamJobs oldalán talált színminták: #1E64E1, #CDD2E1, #E1415A, #1E2328, #E5E7EB. 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 DreamJobs színrendszerének értelmezése
A DreamJobs 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 40,2%, az átlagos világosságuk 59,2%. 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 / DREAMJOBS
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: #1E64E1
Hangulat: inkább hűvös
2/10 AA színpár
01 · SZÍNÖSSZETÉTEL
kék nyitószín · inkább hűvös színvilág
A DreamJobs 5 bemutatott színe közül a #1E64E1 kék karakterű. A legsötétebb (#1E2328) és legvilágosabb (#E5E7EB) árnyalat között 77 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 #1E2328 és #E5E7EB páros 12.79: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 #1E64E1 lehet kiemelőszín-jelölt. A #1E64E1 hátteren a #FFFFFF szöveg 5.30: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.
DreamJobs márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#1E64E1
RGB 30, 100, 225
HSL 218°, 76%, 50%
Szín 2 · CSS-minta 2
#CDD2E1
RGB 205, 210, 225
HSL 225°, 25%, 84%
Szín 3 · CSS-minta 3
#E1415A
RGB 225, 65, 90
HSL 351°, 73%, 57%
Szín 4 · CSS-minta 4
#1E2328
RGB 30, 35, 40
HSL 210°, 14%, 14%
Szín 5 · CSS-minta 5
#E5E7EB
RGB 229, 231, 235
HSL 220°, 13%, 91%
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 DreamJobs 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 12,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.
#1E64E1
Fehér 5.30 · Fekete 3.97
AA normál szöveg: fehér megfelel · fekete nem felel meg
#CDD2E1
Fehér 1.51 · Fekete 13.90
AA normál szöveg: fehér nem felel meg · fekete megfelel
#E1415A
Fehér 4.11 · Fekete 5.11
AA normál szöveg: fehér nem felel meg · fekete megfelel
#1E2328
Fehér 15.83 · Fekete 1.33
AA normál szöveg: fehér megfelel · fekete nem felel meg
#E5E7EB
Fehér 1.24 · Fekete 16.96
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.
#1E2328 / #E5E7EB
12.79:1 · AA igen
#E5E7EB / #1E2328
12.79:1 · AA igen
#CDD2E1 / #1E2328
10.48:1 · AA igen
#1E2328 / #CDD2E1
10.48:1 · AA igen
Teljes színkontraszt-mátrix
A DreamJobs 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 | #1E64E1 | #CDD2E1 | #E1415A | #1E2328 | #E5E7EB |
|---|---|---|---|---|---|
| #1E64E1 | 1.00 | 3.51 | 1.29 | 2.99 | 4.28 |
| #CDD2E1 | 3.51 | 1.00 | 2.72 | 10.48 AA | 1.22 |
| #E1415A | 1.29 | 2.72 | 1.00 | 3.85 | 3.32 |
| #1E2328 | 2.99 | 10.48 AA | 3.85 | 1.00 | 12.79 AA |
| #E5E7EB | 4.28 | 1.22 | 3.32 | 12.79 AA | 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 DreamJobs saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#1E64E1
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#E5E7EB
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#1E64E1
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 {
--dreamjobs-1: #1E64E1;
--dreamjobs-2: #CDD2E1;
--dreamjobs-3: #E1415A;
--dreamjobs-4: #1E2328;
--dreamjobs-5: #E5E7EB;
}Elemzés: a bemutatott színek
A DreamJobs 5 bemutatott színe közül a #1E64E1 kék karakterű. A legsötétebb (#1E2328) és legvilágosabb (#E5E7EB) árnyalat között 77 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 40,2%, az átlagos világosságuk 59,2%. 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 12,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 DreamJobs 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 DreamJobs színeiről
Milyen CSS-színek találhatók a DreamJobs weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #1E64E1, #CDD2E1, #E1415A, #1E2328, #E5E7EB. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a DreamJobs színeinek HEX-kódja?
A felsorolt HEX-kódok: #1E64E1, #CDD2E1, #E1415A, #1E2328, #E5E7EB. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a DreamJobs 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 DreamJobs színpaletta?
A DreamJobs 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ő.