palette.from

أفلت صورة، وخذ ألوانها الأساسية جاهزة للصق في CSS.

صورتك تبقى في هذه الصفحة · صنعها musaabk.devEnglish

الصورة

6

الكود

اختر صورة لترى الكود.

أسئلة

كيف تُختار الألوان؟

تُصغَّر الصورة إلى 128 بكسل، وتُجمَّع ألوانها بخوارزمية k-means في فضاء Lab، الذي يقيس الفرق بين الألوان كما تراه العين، ثم تُدمج الدرجات المتشابهة. وتُرتَّب الألوان حسب مساحتها في الصورة، وإذا عرضت ألوانًا أقل مما في الصورة، تتأخر الدرجات القريبة من لون واحد ليظهر غيرها.

هل تُرفع صورتي؟

لا. تُقرأ الصورة وتُحلَّل داخل هذه الصفحة في متصفحك، ولا تُرسل لأي خادم.

ماذا تعني أرقام التباين؟

يظهر مع كل لون مدى وضوح النص الأبيض والأسود فوقه بمقياس WCAG: النسبة 4.5 أو أكثر تجتاز AA للنص العادي، و3 أو أكثر للنص الكبير، و7 أو أكثر تجتاز AAA.

ماذا أقدر أنسخ؟

متغيرات CSS، أو كتلة @theme لـ Tailwind v4، أو قائمة JSON بأكواد الألوان. واضغط أي لون لتنسخ كوده وحده.

ما الصور المدعومة؟

PNG وJPG وWebP وGIF وSVG حتى 40 MB، وتقدر تلصق الصورة مباشرة من الحافظة. صور HEIC يفتحها Safari غالبًا، وفي المتصفحات الأخرى صدّرها بصيغة JPG أولًا.

هل تتبعون صوري؟

لا. تُقرأ صورتك وتُحلَّل داخل هذه الصفحة في متصفحك، ولا تُرسل إلى أي مكان.