Színpaletták / Márkaszínek / Craft Docs
MÁRKAARCULAT · SZOFTVER
Craft Docs színei és HEX-kódjai
Craft Docs oldalán talált színminták: #030302, #00BBFF, #FCF9F7, #181615, #4BA2B4. 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 Craft Docs színrendszerének értelmezése
A Craft Docs 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 42,6%, az átlagos világosságuk 41,6%. 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 / CRAFT DOCS
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: #030302
Hangulat: inkább hűvös
6/10 AA színpár
01 · SZÍNÖSSZETÉTEL
mély, sötét tónus nyitószín · inkább hűvös színvilág
A Craft Docs 5 bemutatott színe közül a #030302 mély, sötét tónus karakterű. A legsötétebb (#030302) és legvilágosabb (#FCF9F7) árnyalat között 97 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 #030302 és #FCF9F7 páros 19.68: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 6 felel meg.
03 · WEBES ALKALMAZÁS
Használati javaslat
Kísérleti webes alkalmazásnál a #00BBFF lehet kiemelőszín-jelölt. A #030302 hátteren a #FFFFFF szöveg 20.63: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.
Craft Docs márkaszínek részletesen
HEX, RGB és HSL értékek a bemutatott arculati referenciákhoz.
Szín 1 · CSS-minta 1
#030302
RGB 3, 3, 2
HSL 60°, 20%, 1%
Szín 2 · CSS-minta 2
#00BBFF
RGB 0, 187, 255
HSL 196°, 100%, 50%
Szín 3 · CSS-minta 3
#FCF9F7
RGB 252, 249, 247
HSL 24°, 45%, 98%
Szín 4 · CSS-minta 4
#181615
RGB 24, 22, 21
HSL 20°, 7%, 9%
Szín 5 · CSS-minta 5
#4BA2B4
RGB 75, 162, 180
HSL 190°, 41%, 50%
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 Craft Docs 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 19,7:1; a vizsgált, különböző színekből álló irányított párok közül 12/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.
#030302
Fehér 20.63 · Fekete 1.02
AA normál szöveg: fehér megfelel · fekete nem felel meg
#00BBFF
Fehér 2.20 · Fekete 9.55
AA normál szöveg: fehér nem felel meg · fekete megfelel
#FCF9F7
Fehér 1.05 · Fekete 20.03
AA normál szöveg: fehér nem felel meg · fekete megfelel
#181615
Fehér 18.03 · Fekete 1.16
AA normál szöveg: fehér megfelel · fekete nem felel meg
#4BA2B4
Fehér 2.95 · Fekete 7.13
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.
#030302 / #FCF9F7
19.68:1 · AA igen
#FCF9F7 / #030302
19.68:1 · AA igen
#FCF9F7 / #181615
17.20:1 · AA igen
#181615 / #FCF9F7
17.20:1 · AA igen
#030302 / #00BBFF
9.39:1 · AA igen
#00BBFF / #030302
9.39:1 · AA igen
Teljes színkontraszt-mátrix
A Craft Docs 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 | #030302 | #00BBFF | #FCF9F7 | #181615 | #4BA2B4 |
|---|---|---|---|---|---|
| #030302 | 1.00 | 9.39 AA | 19.68 AA | 1.14 | 7.00 AA |
| #00BBFF | 9.39 AA | 1.00 | 2.10 | 8.20 AA | 1.34 |
| #FCF9F7 | 19.68 AA | 2.10 | 1.00 | 17.20 AA | 2.81 |
| #181615 | 1.14 | 8.20 AA | 17.20 AA | 1.00 | 6.12 AA |
| #4BA2B4 | 7.00 AA | 1.34 | 2.81 | 6.12 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 Craft Docs saját design systemje ugyanezeket a szerepneveket használja.
Első bemutatott márkaszín
#030302
A CSS-kinyerés elsőként sorolt színmintája.
Világos felületek
#FCF9F7
Világos kontextus a képernyőn és nyomtatott mintában.
Sötét felületek
#030302
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 {
--craft-docs-1: #030302;
--craft-docs-2: #00BBFF;
--craft-docs-3: #FCF9F7;
--craft-docs-4: #181615;
--craft-docs-5: #4BA2B4;
}Elemzés: a bemutatott színek
A Craft Docs 5 bemutatott színe közül a #030302 mély, sötét tónus karakterű. A legsötétebb (#030302) és legvilágosabb (#FCF9F7) árnyalat között 97 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 42,6%, az átlagos világosságuk 41,6%. 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 19,7:1; a vizsgált, különböző színekből álló irányított párok közül 12/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 Craft Docs 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 Craft Docs színeiről
Milyen CSS-színek találhatók a Craft Docs weboldalán?
A megadott weboldalból automatikusan azonosított HEX-értékek: #030302, #00BBFF, #FCF9F7, #181615, #4BA2B4. A CSS-ben szereplő kódokból nem következik, hogy ezek a márka hivatalos arculati színei.
Mi a Craft Docs színeinek HEX-kódja?
A felsorolt HEX-kódok: #030302, #00BBFF, #FCF9F7, #181615, #4BA2B4. Mindegyik külön másolható, RGB és HSL formában is megjelenik.
Hogyan ellenőrizhető a Craft Docs 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 Craft Docs színpaletta?
A Craft Docs 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ő.