محوّل ألوان HEX/RGB/OKLCH

ما محوّل الألوان؟

// sRGB → linear → XYZ D65 → OKLAB → OKLCH
// References: W3C CSS Color 4 §11-15, Ottosson 2020 (https://bottosson.github.io/posts/oklab/)
// Worked example: #3b82f6 (Tailwind blue-500)

const srgb = [0x3b, 0x82, 0xf6].map(v => v / 255); // [0.231, 0.510, 0.965]

const toLinear = (v) => v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
const lin = srgb.map(toLinear); // gamma-decoded linear-sRGB

// linear-sRGB → XYZ D65 (CSS Color 4 §15.1 matrix)
const [lr, lg, lb] = lin;
const x = 0.4124564 * lr + 0.3575761 * lg + 0.1804375 * lb;
const y = 0.2126729 * lr + 0.7151522 * lg + 0.0721750 * lb;
const z = 0.0193339 * lr + 0.1191920 * lg + 0.9503041 * lb;

// XYZ D65 → LMS (Ottosson 2020 matrix), cube-root, → OKLAB
const l_ = Math.cbrt(0.8189330101 * x + 0.3618667424 * y - 0.1288597137 * z);
const m_ = Math.cbrt(0.0329845436 * x + 0.9293118715 * y + 0.0361456387 * z);
const s_ = Math.cbrt(0.0482003018 * x + 0.2643662691 * y + 0.6338517070 * z);
const L = 0.2104542553 * l_ + 0.7936177850 * m_ - 0.0040720468 * s_;
const a = 1.9779984951 * l_ - 2.4285922050 * m_ + 0.4505937099 * s_;
const b = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.8086757660 * s_;

// OKLAB → OKLCH (Cartesian to polar)
const C = Math.sqrt(a * a + b * b);
const H = (Math.atan2(b, a) * 180 / Math.PI + 360) % 360;
console.log(`oklch(${L.toFixed(3)} ${C.toFixed(3)} ${H.toFixed(1)})`);
// → oklch(0.629 0.193 263.4)

الميزات الرئيسية

مقارنة بدائل محوّل الألوان

أمثلة تحويل الألوان

#3b82f6

#FF5733

#FF6347

oklch(0.7 0.25 30)

#767676

#FF6347

hsl(220 70% 50%)

#3b82f6

كيف تستخدم محوّل الألوان

1. 1

   الصق أو اكتب أي لون بأي صيغة

   كلٌّ من حقول الصيغ التسعة (HEX، وRGB، وHSL، وHSV، وHWB، وCMYK، وOKLCH، وOKLAB، وNamed) قابل للتحرير مباشرةً — لا زرّ «تحويل» يُنقَر. الصق HEX من Figma، أو اكتب قيمة `oklch()` من إعداد Tailwind، أو أنزل `hsl()` من ورقة أنماط قديمة، أو حتى اكتب اسم لون CSS مثل `tomato`. تحلّل الأداة تدريجياً أثناء كتابتك، فلن تطمس قيمة نصف مكتوبة الحقول الأخرى حتى تلتزم بصيغة صالحة. تحصل الإدخالات غير الصالحة على خطأ داخلي هادئ؛ وتُحدِّث الإدخالات الصالحة الشبكة بأكملها.

2. 2

   كل الصيغ التسع تتحدّث فوراً

   المرجع الأصلي الداخلي هو OKLCH (موحّد إدراكياً، غير محدود النطاق)، وكل صيغة أخرى مشتقّة منه عند كل ضغطة مفتاح. يحافظ الحقل الذي تكتب فيه حالياً على موضع المؤشّر سليماً — تُعاد الحقول *الأخرى* الثمانية فقط. هذا يعني أنك تستطيع تحرير قناة L في OKLCH مباشرةً ومشاهدة HEX، وRGB، وHSL، وCMYK كلّها تتحوّل في الوقت الفعلي دون فقدان مؤشّرك. تجري رياضيات التحويل بالكامل في JavaScript باستخدام بدائيات OKLAB ذاتها التي تُشحَن في المتصفحات الحديثة.

3. 3

   استخدم المنتقي للاستكشاف البصري

   أسفل شبكة الصيغ يوجد مربّع إشباع-سطوع (اسحب في أي مكان لضبط S+L لدرجة اللون الحالية)، ومنزلق درجة اللون (اسحب للدوران حول عجلة الألوان)، ومنزلق alpha (اسحب لضبط الشفافية). على متصفحات Chromium (Chrome، وEdge، وBrave) يفعّل زرّ **Eyedropper** واجهة EyeDropper الأصلية — انقر في أي مكان على الشاشة، بما في ذلك خارج نافذة المتصفح، لأخذ عيّنة لون تلك البكسل. لا تشحن Safari وFirefox الواجهة بعد، فيُخفى الزرّ في تلك المتصفحات ويبقى مربّع SL ومنزلق درجة اللون منتقيَيْن أساسيَيْن.

4. 4

   تحقّق من النطاق والتباين بنظرة واحدة

   تُظهر ثلاث شارات نطاق لوني (**sRGB**، و**Display P3**، و**Rec2020**) ما إذا كان اللون الحالي يندرج داخل المدى القابل للإنتاج لكل فضاء — مفيد حين تعمل في OKLCH وتريد معرفة الشاشات التي ستعرض القيمة بدقة. يُظهر صفّ التباين نسبة WCAG 2.1 مقابل الأبيض والأسود، إضافةً إلى درجة APCA Lc (المقياس التطلّعي لـWCAG 3). تظهر شارات النجاح/الفشل (AA، وAAA) داخل الصفّ. إن كان لون خارج نطاق sRGB، يقلّص زرّ **Snap to sRGB** chroma حتى يندرج.

5. 5

   انسخ بصياغة منصّتك الأصلية

   لكلّ حقل من حقول الصيغ التسعة زرّ **Copy** خاصّ به — نقرة واحدة، فتنزل القيمة في حافظتك، وتنتقل العلامة لحظياً إلى «نُسخ!» لتعرف. أسفل المنتقي، يولّد قسم **Copy as code** مقتطفات جاهزة للّصق لخمس منصّات: متغيّر CSS مخصّص، ورمز `@theme` في Tailwind v4، وثابت `SwiftUI Color(red:green:blue:)`، وثابت `Jetpack Compose Color(0xFF...)`، و`Flutter Color(0xFF...)`. تتحدّث تجزئة URL (`#hex=...` أو `#oklch=...`) أيضاً لتشارك رابطاً حيّاً للون الدقيق.

أخطاء شائعة في تحويل الألوان

Assume an HSL palette is perceptually uniform:
hsl(220 50% 30%) → hsl(220 50% 60%) → hsl(220 50% 90%)
On screen these look unevenly spaced.

Use OKLCH for perceptually-uniform ramps:
oklch(0.30 0.10 220) → oklch(0.60 0.10 220) → oklch(0.90 0.10 220)
On screen these look evenly spaced.

Send our CMYK output directly to a press:
hex #FF6347 → cmyk(0%, 61%, 72%, 0%)
Printed result may look muddy or oversaturated.

Send the original hex to the print provider:
hex #FF6347 → let printer ICC-convert against their press
Printed result matches the screen color much more closely.

Pretend Lc 60 = WCAG 4.5:1:
APCA Lc 60 → "this passes AA"
WCAG 2 ratio for the same pair might be 3.8:1 (fails AA).

Check both metrics independently:
WCAG 2 ratio ≥ 4.5:1 for AA body text compliance, AND
APCA |Lc| ≥ 75 for real-world readability.
Both must pass, not one substituting for the other.

Step HSL L for shades:
hsl(220 50% 30%) / hsl(220 50% 60%) / hsl(220 50% 90%)
90% looks washed out; 30% looks much darker than the gap to 60%.

Step OKLCH L for shades:
oklch(0.30 0.10 220) / oklch(0.60 0.10 220) / oklch(0.90 0.10 220)
Each step looks like the same visual gap.

Copy 8-digit hex into a legacy parser:
#FF573380 → parser truncates → #FF5733 (no alpha)
The 50% transparency is silently lost.

Verify target supports 8-digit hex, or use rgba():
for modern CSS: #FF573380 (8-digit hex)
for legacy support: rgba(255, 87, 51, 0.5) (always supported)
Explicit alpha syntax avoids silent truncation.

Snap every OKLCH color to sRGB by default:
oklch(0.7 0.25 30) → snap → oklch(0.7 0.18 30)
P3 displays lose 30%+ saturation for no reason.

Check Display P3 badge first:
if fits-P3: keep the wide-gamut value, add sRGB fallback via @supports
if exceeds P3: then snap to sRGB
Let the wide-gamut hardware do its job.

من يستخدم هذه الأداة

مطوّرو الواجهة الأمامية يهاجرون إلى رموز OKLCH في Tailwind v4

اعتمدت Tailwind v4 صيغة OKLCH للوحتها الافتراضية في عام 2024. تعني مهاجرة نظام تصميم قديم قائم على HSL أو HEX تحويل مئات ألوان العلامة إلى OKLCH. الصق كل HEX، وانسخ إخراج OKLCH، وأنزله في كتلة `@theme`. تُعلِم شارات النطاق اللوني الحيّة أي ألوان تتجاوز sRGB لتقرّر ما إذا كنت تبقي القيمة الأوسع نطاقاً لشاشات Display P3.

مصمّمون يترجمون ألوان Figma إلى iOS / Android

يصدِّر Figma HEX افتراضياً، لكن iOS يريد ثوابت `SwiftUI Color(red:green:blue:)` وAndroid يريد ثوابت `Jetpack Compose Color(0xFF...)`. الصق HEX من Figma مرة واحدة، وانسخ مقتطف SwiftUI لمهندس iOS ومقتطف Compose لمهندس Android — كلاهما بالصياغة الدقيقة التي تتوقّعها كل منصّة، مع HEX الأصلي محفوظاً في تعليق للتتبّع.

مصمّمون يُعدّون مسوّدات طباعة (تقريب CMYK)

حين يجب أن يظهر لون علامة على بطاقة عمل مطبوعة، يعطي تقريب CMYK تقديراً سريعاً لمشاركته مع دار الطباعة قبل التحويل اللائق بـICC. الصق HEX العلامة، وانسخ نسب CMYK، وأرسلها إلى الطابع لعرض سعر سريع — ثم اترك التحويل اللائق الواعي بـICC لدى الطابع لمطابقة اللون النهائية مقابل المطبعة تحديداً.

مهندسو الوصولية يتحقّقون من WCAG وAPCA

WCAG 2.1 هو المعيار التنظيمي (ADA، وEAA، وSection 508) اليوم؛ وAPCA Lc هو الخليفة المقترحة لـWCAG 3. عرض كلا المقياسَيْن جنباً إلى جنب يعني أن المصمّم يستطيع التحقق من أن لون نص المحتوى يحقّق 4.5:1 في WCAG مقابل الأبيض، ثم يفحص بأن النتيجة تتجاوز APCA Lc 75، في شاشة واحدة — دون التنقّل بين حاسبتَيْن منفصلتَيْن.

معلّمون يُعلّمون مفاهيم فضاء الألوان

تجعل نظرة الحقول التسعة المتزامنة العلاقات بين فضاءات الألوان مرئية. اكتب قيمة OKLCH، وراقب انجراف HSL لأن L تعني أشياء مختلفة في كل فضاء. اسحب منزلق درجة اللون وراقب HEX، وRGB، وCMYK تتحدّث كلّها. اعرض شارات النطاق اللوني تتحوّل إلى الأحمر مع دفع chroma خارج sRGB. الأداة في حدّ ذاتها عرض صفّ لِدورة رسوميات أو تفاعل بين الإنسان والحاسوب في الجامعة.

مديرو علامة يجدون أقرب لون CSS مُسمّى

حين تقول نسخة التسويق «لمسة بلون طماطمية» لكن HEX العلامة الفعلي هو `#FF6347`، يعيد الحقل المُسمّى `tomato (exact)` لأن `tomato` يحلّ حرفياً إلى ذلك في مواصفة CSS. لقيم HEX القريبة، يعيد الحقل أقرب لون مُسمّى مع مسافة ΔE في OKLAB — مفيد للتوثيق والنثر وتسمية الألوان الحوارية.

مطوّرو ويب يحوّلون لوحات HEX قديمة إلى OKLCH

قد يكون لموقع أقدم لوحة علامة من 50 لوناً مُعرَّفة في متغيّرات CSS المخصّصة كرموز HEX. يتيح التحديث إلى OKLCH لفريق العلامة التعبير عن التدرّجات ذاتها في فضاء موحّد إدراكياً. الصق كل HEX، وانسخ إخراج OKLCH، وبدّل في تعريفات المتغيّرات. تتحقّق لوحة التدرّجات الفاتحة/الداكنة أسفله من أن التدرّج الناتج متساوٍ بصرياً قبل الشحن.

مشرفو مفتوح المصدر يوثّقون رموز التصميم

عادةً ما يحتاج توثيق رموز التصميم إظهار اللون نفسه بصياغات متعدّدة — HEX لكتلة كود CSS، وOKLCH لجدول المواصفات، واللون المُسمّى لذكره في النثر. تتيح نظرة الحقول المتزامنة للمشرف نسخ كلٍّ منها بتمريرة واحدة بدلاً من إعادة تشغيل ثلاثة تحويلات منفصلة. تتيح تجزئة URL القابلة للمشاركة أيضاً للمساهمين الربط باللون الدقيق قيد النقاش في طرح GitHub.

رياضيات وخوارزميات تحويل الألوان

OKLCH كمرجع أصلي داخلي

تحمل الأداة قيمة اللون الأصيلة كثلاثي OKLCH داخلياً. يستمدّ كل حقل قابل للتحرير قيمته المعروضة من ذلك الثلاثي عند كل ضغطة مفتاح؛ ويحدّث كل تحرير من المستخدم الثلاثي أولاً، ثم يُطلِق إعادة عرض الحقول الأخرى الثمانية. هذا يُلغي انجراف الفاصلة العائمة لكل خطوة الذي يصيب المحوّلات التي توجّه عبر HSL أو sRGB كمحور. اختيار OKLCH على OKLAB مقصود — تحافظ الصيغة القطبية على درجة اللون كمحور مستقر، فلا يعبر سحب منزلق درجة اللون رمادياً بالخطأ. بحسب ورقة Björn Ottosson لعام 2020، التوحيد الإدراكي في OKLAB هو الحجّة الأقوى لمعاملته كلغة رياضيات اللون الحديثة المشتركة.

مصادر المصفوفات (W3C CSS Color 4 + Ottosson 2020)

كل مصفوفة تحويل في قاعدة الكود مُستشهَد بها إلى مصدرها الأوّلي. دالّة gamma القطاعية لـsRGB ↔ linear-sRGB هي W3C CSS Color 4 §11.2 (`v <= 0.04045 ? v/12.92 : ((v+0.055)/1.055)^2.4`). مصفوفة linear-sRGB ↔ CIE XYZ D65 ‏3×3 هي CSS Color 4 §15.1. مصفوفة XYZ D65 ↔ LMS وخطوة جذر مكعّب OKLAB من تطبيق Ottosson المرجعي على `https://bottosson.github.io/posts/oklab/`، تماماً كما نُشر. لا تُعاد حوسبة أو اشتقاق أي مصفوفات — نسخها حرفياً يبقي الإخراج مطابقاً لمتجهات المواصفة المرجعية.

صيغة CMYK الساذجة وتحفّظ ICC

يستخدم إخراج CMYK لدينا الصيغة المدرسية القياسية: `K = 1 - max(R, G, B); C = (1-R-K)/(1-K); M = (1-G-K)/(1-K); Y = (1-B-K)/(1-K)` تعمل على قيم sRGB المُطبَّعة. هذا تقريب مقصود. تتطلّب دقة الطباعة الحقيقية تحويل ملف ICC مقابل المطبعة والحبر تحديداً (مثلاً US Web Coated SWOP v2، أو Fogra39، أو Japan Color 2011) والورق، وقد يُزيح القنوات بنسبة 5-15%. نُبرز حقل CMYK بتنويه ظاهر فلا يشحن المستخدمون قيمنا مباشرة إلى مطبعة. تعامل مع الإخراج كفحص سلامة لعروض الأسعار، لا منتجاً نهائياً.

كشف النطاق اللوني عبر فحص مدى القنوات

يُعتبر اللون داخل النطاق لفضاء هدف (sRGB، أو Display P3، أو Rec2020) إن كانت كل قناة تندرج داخل `[-ε, 1 + ε]` بعد التحويل إلى أوّليات ذلك الفضاء، حيث `ε = 1e-7` لامتصاص ضوضاء دقة الفاصلة العائمة قرب الحدود. تتحوّل شارة النطاق لكل فضاء إلى الأحمر عندما تتجاوز أي قناة المدى. يلتقط هذا الحالة الشائعة — يبلِّغ لون OKLCH واسع النطاق مثل `oklch(0.7 0.4 30)` خارج sRGB لكن داخل P3، فيخبرك بالشاشات التي ستعرضه بدقة. يجري الفحص عند كل ضغطة مفتاح.

خوارزمية التقاط بتقليص chroma

يستخدم Snap to sRGB بحثاً ثنائياً على محور chroma: ثبّت L وH عند القيم الحالية، وابحث في `C ∈ [0, currentC]` عن أكبر C يبقى تحويله إلى sRGB داخل النطاق. يجري البحث لـ30 تكراراً كحدّ أقصى (دقّة نحو 10⁻⁹)، وهو أكثر من كاف للدقة البصرية. يطابق هذا خوارزمية مخطّط النطاق الإعلامية الموصوفة في CSS Color 4 §13 — يحافظ الإبقاء على السطوع الإدراكي ودرجة اللون مع تقليص chroma فقط على اللون المُلتقَط ضمن أسرة درجة اللون ذاتها بشكل قابل للتمييز. لا نقطع قنوات RGB مباشرةً لأن ذلك يشوّه درجة اللون بشكل ملحوظ (خاصةً في الأزرق).

مصفوفات CVD: Brettel + Machado

تستخدم محاكاة عمى الألوان عائلتَيْ مصفوفات منشورتَيْن. تستخدم ثنائيات الألوان الثلاث — protanopia، وdeuteranopia، وtritanopia — مصفوفات Brettel-Viénot-Mollon 1997 تعمل في linear-RGB (فكّ gamma أولاً، طبّق المصفوفة، ثم أعد ترميز gamma). وتستخدم ثلاثيات الألوان الشاذّة الثلاث — protanomaly، وdeuteranomaly، وtritanomaly — مصفوفات Machado-Oliveira-Fernandes 2009 عند شدّة 0.66، وهو ما يقابل مريض ثلاثي ألوان شاذّ نموذجي. يستخدم achromatopsia وachromatomaly الجزئي أوزان سطوع rec601 (`0.299R + 0.587G + 0.114B`) لإسقاط رمادي. تُعرض المحاكيات الثمانية جميعها عند كل تغيير لون.

WCAG 2 مقابل APCA: متى تستخدم أيّها

تحسب WCAG 2.x (المعيار الحالي) نسبة تباين متماثلة من السطوع النسبي: `(L1 + 0.05) / (L2 + 0.05)`، وتستهدف 4.5:1 لنص المحتوى الاعتيادي و7:1 لـAAA. هي الحدّ القانوني الأدنى لتدقيقات الوصولية في عام 2026. أما APCA (Accessible Perceptual Contrast Algorithm) فهي الخليفة المقترحة لـWCAG 3 — حسّاسة للقطبية (يُسجَّل الفاتح على الداكن بشكل مختلف عن الداكن على الفاتح)، وأفضل ارتباطاً بالقراءة المُدرَكة بشرياً، وتستهدف `|Lc| ≥ 75` لنص المحتوى. عرض كلا المقياسَيْن في صفّ واحد يتيح للمصمّم تحقيق WCAG 2 للامتثال وAPCA للقراءة الواقعية دون التنقّل بين حاسبتَيْن منفصلتَيْن.

أفضل ممارسات تحويل الألوان

فضّل OKLCH لرموز نظام التصميم؛ HEX للقديم

لأي نظام تصميم جديد يُشحن في عام 2025 أو بعده، عرّف ألوان العلامة وتدرّجات اللوحات بـOKLCH. يعطي محور L تدرّجات متساوية إدراكياً تلقائياً؛ ويستطيع محور chroma عنونة ألوان واسعة النطاق لا يستطيع HEX ترميزها. أبقِ على احتياط HEX للمتصفحات الأقدم عبر `@supports not (color: oklch(0 0 0))` أو PostCSS وقت البناء، لكن اجعل OKLCH القيمة الأصيلة في مخزن رموزك. تستطيع الأنظمة القديمة بآلاف متغيّرات HEX الحالية البقاء بـHEX حتى مهاجرة مُخطَّط لها — لا تتغيّر لأجل التغيير.

تعامل مع إخراج CMYK كتقريب، أكّد مع مزوّد الطباعة

أرقام CMYK التي تُبرزها هذه الأداة صيغة ساذجة قائمة على sRGB، لا تحويل ملف ICC. استخدمها لعروض الأسعار التقديرية والمقارنات الداخلية. قبل أي طبعة حقيقية، أرسل HEX الأصلي (لا تقريب CMYK) إلى مزوّد الطباعة ودعه يجري تحويل ICC الخاص به مقابل المطبعة والحبر والورق تحديداً. يستطيع انزياح القنوات بنسبة 5-15% من تحويل لائق بسهولة قلب لون أحمر حاد إلى برتقالي طيني إن شُحن التقريب مباشرةً.

استخدم APCA Lc للوصولية التطلّعية

ستبقى WCAG 2.x الحدّ التنظيمي الأدنى لعدة سنوات أخرى، لكن APCA هي الاتجاه الذي يمضي إليه المعيار. للتصاميم الجديدة، اضرب `|Lc| ≥ 75` لنص المحتوى و`|Lc| ≥ 60` للنص الكبير إلى جانب أدنى WCAG 2.1. يلتقط APCA مشكلات قراءة تخطئها نسبة WCAG 2 المتماثلة — خاصةً النصّ بحَرف رفيع على خلفية ساطعة، حيث تبدو نسبة WCAG سليمة لكن النصّ يختفي فعلياً على مسافة قراءة عادية.

أمرّر الألوان واسعة النطاق عبر فحص نطاق Display P3

إن كنت تستهدف عتاد Apple الحديث (iPhone، وiPad، وMacBook من 2017+) أو تشحن محتوى يدرك HDR، عرّف ألوان العلامة بـOKLCH واستخدم شارة Display P3 للتحقق من اندراجها في P3 حتى لو تجاوزت sRGB. تبدو الألوان الأوسع نطاقاً أكثر إشباعاً بشكل ملحوظ على شاشات P3 وتتدهور برشاقة عبر ضغط chroma المُطبَّق من المتصفح على الشاشات المقتصرة على sRGB. لا تلتقط مسبقاً إلى sRGB ما لم تعرف أن جمهورك كلّه على شاشات قديمة.

اختر تدرّجات داكنة موحّدة إدراكياً عبر درجات OKLCH المحايدة

عند توليد تدرّج 50/100/200/.../900 للون علامة، استخدم لوحة الدرجات المحايدة: تدرّج L بزيادات متساوية مع تثبيت C وH. النتيجة تدرّج متساوٍ إدراكياً تبدو فيه الفجوة البصرية بين 400 و500 مماثلة للفجوة بين 500 و600. ضبط تدرّجات HSL يدوياً للتساوي ذاته تمرين متعدّد الساعات لكل لون؛ يعطيه OKLCH مجاناً.

استخدم القطّارة باعتدال لمطابقة الألوان عبر التبويبات

تتيح واجهة EyeDropper (تخصّ Chromium اعتباراً من 2026) النقر في أي مكان على الشاشة — بما في ذلك خارج المتصفح — لأخذ عيّنة من تلك البكسل. مفيد لمطابقة لون من لقطة شاشة، أو إطار فيديو، أو واجهة تطبيق آخر. تعامل مع النتيجة كنقطة بداية، لا قيمة نهائية — يطبّق عرض الشاشة إدارة لون قد تختلف عن الملف المصدر. لألوان العلامة الأصيلة، احصل دائماً على HEX من مصدر التصميم (Figma، أو Sketch، أو ملف PDF لإرشادات العلامة) بدلاً من أخذ عيّنة من لقطة شاشة.

ضع روابط `#hex=...` كإشارات مرجعية لقرارات لوحة قابلة للمشاركة

يُشفَّر اللون الحالي في تجزئة URL بصيغة `#hex=...` أو `#oklch=...` تلقائياً. انسخ URL، والصق في محادثة Slack أو طرح GitHub، وأي شخص يفتحه يصل إلى اللون ذاته بالضبط. مفيد لمحادثات مراجعة التصميم حيث «الأزرق العلامة» يجب أن يعني ثلاثي OKLCH محدّد. تتحدّث التجزئة عند كل تغيير، فيكون URL في شريط عنوانك دائماً اللون الحالي الحيّ — ضعه كإشارة مرجعية للعودة إلى لوحة معيّنة لاحقاً.

الأسئلة الشائعة