ਡਿਜ਼ਾਈਨ ਸਿਸਟਮਾਂ ਨੂੰ ਸੌਖਿਆਂ ਪਹੁੰਚਯੋਗ ਬਣਾਇਆ ਗਿਆ
ਪਹੁੰਚਯੋਗ ਬ੍ਰਾਂਡ ਰੰਗ ਵਰਤੋਂ ਵਿੱਚ ਲਿਆਓ ਜੋ ਤੁਹਾਡਾ ਪ੍ਰੋਡਕਟ ਅੱਜ ਹੀ ਵਰਤ ਸਕਦਾ ਹੈ
ਆਪਣੇ ਬ੍ਰਾਂਡ ਦਾ ਵੇਰਵਾ ਦਿਓ ਅਤੇ AI ਪੈਲੇਟ ਸੁਝਾਅ ਪ੍ਰਾਪਤ ਕਰੋ, ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ WCAG ਕੰਟਰਾਸਟ ਦੀ ਜਾਂਚ ਕਰੋ, ਅਤੇ CSS, JSON, ਜਾਂ Tailwind ਵਜੋਂ ਡਿਜ਼ਾਈਨ ਟੋਕਨ ਐਕਸਪੋਰਟ ਕਰੋ।
ਮੁਫ਼ਤ ਪਲਾਨ: ਮਹੀਨੇ ਵਿੱਚ 5 ਐਕਸਪੋਰਟ। ਕੋਈ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਜ਼ਰੂਰੀ ਨਹੀਂ।
25 ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ
ਪੂਰਾ UI ਸਥਾਨੀਕਰਨ, ਹਰੇਕ ਗਾਹਕ ਲਈ ਦਸਤਾਵੇਜ਼ ਭਾਸ਼ਾ, ਅਤੇ ਪੇਡ ਪਲਾਨਾਂ 'ਤੇ AI ਫ੍ਰੀ-ਟੈਕਸਟ ਅਨੁਵਾਦ। ਕਿਸੇ ਵੀ ਸਮੇਂ ਬਦਲੋ।
ਅੰਗਰੇਜ਼ੀ, ਸਪੈਨਿਸ਼, ਚੀਨੀ ਅਤੇ ਹੋਰਾਂ ਸਮੇਤ 25 ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਉਪਲਬਧ।
ਕੀ ਇਹ ਜਾਣਿਆ-ਪਛਾਣਿਆ ਲੱਗਦਾ ਹੈ?
ਇੱਕ ਪੈਲੇਟ ਜੋ ਕੰਟਰਾਸਟ ਜਾਂਚ ਵਿੱਚ ਅਸਫ਼ਲ ਰਹਿੰਦਾ ਹੈ, ਉਹ ਬ੍ਰਾਂਡ ਨਹੀਂ ਹੈ। ਇਹ ਦੁਬਾਰਾ ਕੰਮ ਕਰਨ ਦੀ ਟਿਕਟ ਹੈ।
ਪੈਲੇਟ ਰਿਵਿਊ ਵਿੱਚ ਕੰਟਰਾਸਟ ਜਾਂਚ 'ਚ ਅਸਫ਼ਲ ਹੋ ਜਾਂਦਾ ਹੈ
ਮੂਡ ਬੋਰਡ 'ਚ ਠੀਕ ਲੱਗਣ ਵਾਲੇ ਰੰਗ ਪਹਿਲੀ ਪਹੁੰਚਯੋਗਤਾ ਜਾਂਚ 'ਚ ਹੀ AA ਮਾਪਦੰਡ 'ਤੇ ਅਸਫ਼ਲ ਹੋ ਜਾਂਦੇ ਹਨ।
ਹਰ ਇੱਕ ਜੋੜੇ ਦੀ ਹੱਥੀਂ ਜਾਂਚ ਕਰਨਾ
ਹਰ ਫੋਰਗਰਾਊਂਡ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਸੁਮੇਲ ਲਈ ਕੰਟਰਾਸਟ ਦਾ ਹਿਸਾਬ ਲਗਾਉਣ 'ਚ ਪੂਰੀ ਦੁਪਹਿਰ ਲੰਘ ਜਾਂਦੀ ਹੈ ਅਤੇ ਫਿਰ ਵੀ ਗਲਤੀਆਂ ਰਹਿ ਜਾਂਦੀਆਂ ਹਨ।
ਟੋਕਨ ਸਕ੍ਰੀਨਸ਼ਾਟ ਤੱਕ ਸੀਮਤ ਰਹਿ ਜਾਂਦੇ ਹਨ
ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਸਵਾਚਾਂ ਦੀ PNG ਮਿਲਦੀ ਹੈ ਅਤੇ ਉਹ ਹੱਥੀਂ Hex ਕੋਡ ਮੁੜ ਟਾਈਪ ਕਰਦੇ ਹਨ।
ਬ੍ਰਾਂਡ ਵਿਚਾਰ ਤੋਂ ਲੈ ਕੇ ਪਹੁੰਚਯੋਗ ਟੋਕਨਾਂ ਤੱਕ
ਤਿਆਰ ਕਰੋ, WCAG ਵਿਰੁੱਧ ਜਾਂਚ ਕਰੋ, ਅਤੇ ਉਸ ਫਾਰਮੈਟ ਵਿੱਚ ਐਕਸਪੋਰਟ ਕਰੋ ਜੋ ਤੁਹਾਡਾ ਕੋਡ ਪਹਿਲਾਂ ਹੀ ਵਰਤਦਾ ਹੈ।
ਪੈਲੇਟ ਜਨਰੇਟਰ
ਲਾਈਵ ਸਵਾਚਾਂ ਨਾਲ ਸਿਮੈਂਟਿਕ ਕਲਰ ਪੈਲੇਟ ਬਣਾਓ — ਮੋਬਾਈਲ 'ਤੇ ਰਿਸਪੋਂਸਿਵ ਗ੍ਰਿਡ, ਡੈਸਕਟੌਪ 'ਤੇ ਸਾਈਡ ਪੈਨਲ ਵਿੱਚ ਕੰਟਰੋਲ।
WCAG ਕੰਟਰਾਸਟ ਚੈਕਰ
ਹਰੇਕ ਰੰਗ ਜੋੜੇ ਲਈ ਪਾਸ/ਫੇਲ ਬੈਜਾਂ ਨਾਲ ਪਹੁੰਚਯੋਗਤਾ ਦੀ ਜਾਂਚ ਕਰੋ। ਲਾਂਚ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ AA ਅਤੇ AAA ਮਾਪਦੰਡਾਂ ਨੂੰ ਪੂਰਾ ਕਰੋ।
ਐਕਸਪੋਰਟ ਅਤੇ ਸਾਂਝਾ ਕਰੋ
CSS ਵੇਰੀਏਬਲ, JSON ਟੋਕਨ, ਜਾਂ Tailwind ਕੌਨਫਿਗ ਸਨਿਪੈਟ ਕਾਪੀ ਕਰੋ। ਆਪਣੀ ਟੀਮ ਨਾਲ ਸਿਰਫ਼ ਦੇਖਣਯੋਗ ਬ੍ਰਾਂਡ ਪੰਨੇ ਸਾਂਝੇ ਕਰੋ।
AI ਭਾਰੀ ਕੰਮ ਕਰਦਾ ਹੈ — ਕੰਟਰੋਲ ਤੁਹਾਡੇ ਹੱਥ ਵਿੱਚ ਰਹਿੰਦਾ ਹੈ
ਪ੍ਰੋਡਕਟ ਵਿੱਚ ਬਿਲਟ-ਇਨ ਪ੍ਰਮਾਣਿਤ AI-ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ। ਤੁਸੀਂ ਹਰੇਕ ਆਊਟਪੁਟ ਦੀ ਸਮੀਖਿਆ ਕਰਦੇ ਹੋ ਅਤੇ ਉਸਨੂੰ ਮਨਜ਼ੂਰੀ ਦਿੰਦੇ ਹੋ।
ਵੇਰਵੇ ਤੋਂ AI ਪੈਲੇਟ
ਸ਼ੈਲੀ ਦਾ ਵੇਰਵਾ ਦਿਓ — Gemini ਇੱਕ ਪੈਲੇਟ ਦਾ ਸੁਝਾਅ ਦਿੰਦਾ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਬਦਲ ਸਕਦੇ ਹੋ।
ਵੈੱਬਸਾਈਟ URL ਤੋਂ AI ਪੈਲੇਟ
ਸਾਈਟ ਦਾ ਲਿੰਕ ਦਿਓ — Perplexity-ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਸੁਝਾਅ ਲਾਈਵ ਪੰਨੇ ਤੋਂ ਰੰਗਾਂ ਦੀ ਦਿਸ਼ਾ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ।
ਤੁਹਾਡੇ ਕੰਟਰੋਲ ਵਿੱਚ ਬ੍ਰਾਂਡ ਕਿੱਟ
ਜੋ ਢੁਕਵਾਂ ਹੈ ਉਸਨੂੰ ਰੱਖੋ, ਬਾਕੀ ਨੂੰ ਹਟਾਓ — AI ਤੁਹਾਡੇ ਲਈ ਤੁਹਾਡੀ ਕਿੱਟ ਕਦੇ ਵੀ ਖ਼ੁਦ ਪ੍ਰਕਾਸ਼ਿਤ ਨਹੀਂ ਕਰਦਾ।
ਕਿੱਟ ਅਨੁਵਾਦ
AI ਫ੍ਰੀ-ਟੈਕਸਟ ਅਨੁਵਾਦ ਪੇਡ ਪਲਾਨਾਂ 'ਤੇ ਕਿੱਟ ਟੈਕਸਟ ਦਾ ਸਥਾਨੀਕਰਨ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
AI-ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਆਊਟਪੁਟ ਸੁਝਾਅ ਹਨ। ਤੁਸੀਂ ਮਨਜ਼ੂਰੀ ਦਿੰਦੇ ਹੋ ਕਿ ਕੀ ਵਰਤਣਾ ਹੈ। ਨਤੀਜਿਆਂ ਦੀ ਕੋਈ ਗਾਰੰਟੀ ਨਹੀਂ ਹੈ।
ਵਰਤੋਂ-ਯੋਗ ਰੰਗ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਤਿੰਨ ਕਦਮ
ਕਿਸੇ ਪਹੁੰਚਯੋਗਤਾ ਸਪ੍ਰੈਡਸ਼ੀਟ ਦੀ ਲੋੜ ਨਹੀਂ।
- 1
ਆਪਣੇ ਬ੍ਰਾਂਡ ਦਾ ਵੇਰਵਾ ਦਿਓ
AI ਪੈਲੇਟ ਸੁਝਾਅ ਪ੍ਰਾਪਤ ਕਰੋ ਅਤੇ ਲਾਈਵ ਸਵਾਚਾਂ ਨਾਲ ਸਿਮੈਂਟਿਕ ਰੰਗ ਬਣਾਓ।
- 2
ਕੰਟਰਾਸਟ ਦੀ ਜਾਂਚ ਕਰੋ
ਸੰਪਾਦਨ ਕਰਦੇ ਸਮੇਂ ਹਰੇਕ ਰੰਗ ਜੋੜੇ ਲਈ AA ਅਤੇ AAA ਮਾਪਦੰਡਾਂ ਵਿਰੁੱਧ ਪਾਸ ਅਤੇ ਫੇਲ ਬੈਜ ਦੇਖੋ।
- 3
ਟੋਕਨ ਐਕਸਪੋਰਟ ਕਰੋ
CSS ਵੇਰੀਏਬਲ, JSON ਟੋਕਨ, ਜਾਂ Tailwind ਕੌਨਫਿਗ ਸਨਿਪੈਟ ਸਿੱਧਾ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।
ਇਸਨੂੰ ਚੱਲਦਿਆਂ ਦੇਖੋ
ਤੁਹਾਡੀ ਭਾਸ਼ਾ ਵਿੱਚ ਸਬਟਾਈਟਲਾਂ ਨਾਲ ਇੱਕ ਛੋਟੀ ਵੀਡੀਓ ਗਾਈਡ।
ਪਹੁੰਚਯੋਗ ਬ੍ਰਾਂਡ ਪਲੇਬੁੱਕ — $1.99
ਉਹ ਬ੍ਰਾਂਡ ਰੰਗ ਚੁਣੋ ਜੋ ਪਹੁੰਚਯੋਗਤਾ ਰਿਵਿਊ ਵਿੱਚ ਪਾਸ ਹੁੰਦੇ ਹਨ
ਸਿਮੈਂਟਿਕ ਪੈਲੇਟਾਂ, WCAG ਕੰਟਰਾਸਟ, ਅਤੇ ਟੋਕਨਾਂ ਬਾਰੇ 10-ਪੰਨਿਆਂ ਦੀ ਫੀਲਡ ਗਾਈਡ ਜੋ ਡਿਵੈਲਪਰ ਵਰਤ ਸਕਦੇ ਹਨ।
ਇੱਕ ਵਾਰ $1.99। ਤੁਰੰਤ PDF ਡਾਊਨਲੋਡ। ਕੋਈ ਗਾਹਕੀ ਨਹੀਂ, ਕੋਈ ਖਾਤਾ ਜ਼ਰੂਰੀ ਨਹੀਂ।
- 8 ਅਧਿਆਏ: ਸਮੱਸਿਆ, ਫੀਲਡ ਦੇ ਸਰਵੋਤਮ ਅਭਿਆਸ, ਅਤੇ ਮੁੱਖ ਨਿਯਮ
- ਚੰਗੇ ਅਤੇ ਮਾੜੇ ਪੈਲੇਟ ਨਾਲ-ਨਾਲ
- ਬ੍ਰਾਂਡ ਦੇ ਵੇਰਵੇ ਤੋਂ ਲੈ ਕੇ ਐਕਸਪੋਰਟ ਕੀਤੇ ਟੋਕਨਾਂ ਤੱਕ ਦੀ ਵਿਆਖਿਆ ਸਹਿਤ ਗਾਈਡ
- ਸਾਰੀਆਂ 25 ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਤੁਰੰਤ ਉਪਲਬਧ
ਸਰਲ ਕੀਮਤਾਂ
ਮੁਫ਼ਤ ਵਿੱਚ ਸ਼ੁਰੂ ਕਰੋ। ਜਦੋਂ ਤੁਹਾਨੂੰ ਸ਼ੇਅਰ ਲਿੰਕਾਂ ਅਤੇ PDF ਐਕਸਪੋਰਟ ਦੀ ਲੋੜ ਹੋਵੇ ਤਾਂ ਅੱਪਗ੍ਰੇਡ ਕਰੋ।
Free
ਆਪਣਾ ਬ੍ਰਾਂਡ ਸਿਸਟਮ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰੋ।
$0/ਮਹੀਨਾ
- 5 ਐਕਸਪੋਰਟ / ਮਹੀਨਾ
- ਪੈਲੇਟ ਜਨਰੇਟਰ
- ਕੰਟਰਾਸਟ ਚੈਕਰ
Pro
ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧਅਸੀਮਤ ਕਿੱਟਾਂ ਅਤੇ ਪ੍ਰੀਮੀਅਮ ਐਕਸਪੋਰਟ।
$12/ਮਹੀਨਾ
- ਅਸੀਮਤ ਬ੍ਰਾਂਡ ਕਿੱਟਾਂ
- ਸਾਂਝੇ ਕਰਨ ਯੋਗ ਬ੍ਰਾਂਡ ਪੰਨੇ
- ਬ੍ਰਾਂਡ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ PDF
Studio
ਕਈ ਬ੍ਰਾਂਡ ਸਿਸਟਮਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨ ਵਾਲੀਆਂ ਡਿਜ਼ਾਈਨ ਟੀਮਾਂ ਲਈ।
$29/ਮਹੀਨਾ
- Pro ਵਿੱਚ ਸ਼ਾਮਲ ਸਭ ਕੁਝ
- Studio-ਪੱਧਰ ਦੇ ਐਕਸਪੋਰਟ ਵਰਕਫਲੋ
ਮੁਫ਼ਤ ਵਿੱਚ ਸ਼ੁਰੂ ਕਰੋ। ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਕੋਈ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਨਹੀਂ, ਕਿਸੇ ਵੀ ਸਮੇਂ ਪੇਡ ਪਲਾਨ ਰੱਦ ਕਰੋ।
ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ
ਡਿਜ਼ਾਈਨਰਾਂ ਅਤੇ ਡਿਵੈਲਪਰਾਂ ਦੁਆਰਾ ਸਭ ਤੋਂ ਵੱਧ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ।
ਮੁਫ਼ਤ ਪਲਾਨ ਵਿੱਚ ਕੀ ਸ਼ਾਮਲ ਹੈ?
ਪੈਲੇਟ ਜਨਰੇਟਰ, WCAG ਕੰਟਰਾਸਟ ਚੈਕਰ, ਅਤੇ ਮਹੀਨੇ ਵਿੱਚ 5 ਐਕਸਪੋਰਟ — ਕੋਈ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਨਹੀਂ। Pro ਵਿੱਚ ਅਸੀਮਤ ਕਿੱਟਾਂ, ਸਾਂਝੇ ਕਰਨ ਯੋਗ ਪੰਨੇ, ਅਤੇ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ PDF ਸ਼ਾਮਲ ਹਨ।
ਤੁਸੀਂ ਕਿਹੜੇ ਕੰਟਰਾਸਟ ਮਾਪਦੰਡ ਦੀ ਜਾਂਚ ਕਰਦੇ ਹੋ?
ਹਰੇਕ ਰੰਗ ਜੋੜੇ ਦੀ WCAG AA ਅਤੇ AAA ਮਾਪਦੰਡਾਂ ਵਿਰੁੱਧ ਜਾਂਚ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ ਹਰੇਕ ਸੁਮੇਲ ਲਈ ਪਾਸ ਜਾਂ ਫੇਲ ਬੈਜ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ।
ਕੀ ਡਿਵੈਲਪਰ ਆਊਟਪੁਟ ਦੀ ਸਿੱਧੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ?
ਹਾਂ — CSS ਕਸਟਮ ਪ੍ਰਾਪਰਟੀਜ਼, JSON ਟੋਕਨ, ਜਾਂ Tailwind ਕੌਨਫਿਗ ਸਨਿਪੈਟ ਐਕਸਪੋਰਟ ਕਰੋ। ਸਕ੍ਰੀਨਸ਼ਾਟ ਤੋਂ ਕੁਝ ਵੀ ਮੁੜ ਟਾਈਪ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।
ਕੀ ਮੈਂ ਆਪਣੀ ਟੀਮ ਜਾਂ ਕਲਾਇੰਟ ਨਾਲ ਬ੍ਰਾਂਡ ਕਿੱਟ ਸਾਂਝੀ ਕਰ ਸਕਦਾ ਹਾਂ?
Pro ਅਜਿਹੇ ਬ੍ਰਾਂਡ ਪੰਨੇ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਦਾ ਹੈ ਜੋ ਸਿਰਫ਼ ਦੇਖਣਯੋਗ ਹੁੰਦੇ ਹਨ ਅਤੇ ਲਿੰਕ ਦੁਆਰਾ ਸਾਂਝੇ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ, ਨਾਲ ਹੀ ਬ੍ਰਾਂਡ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ PDF ਵੀ ਮਿਲਦੀ ਹੈ।
ਕੀ ਮੇਰੇ 'ਤੇ ਕੋਈ ਬੰਧਨ ਹੈ?
ਨਹੀਂ। ਤੁਹਾਡੇ ਟੋਕਨ ਓਪਨ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਐਕਸਪੋਰਟ ਹੁੰਦੇ ਹਨ, ਅਤੇ Stripe ਬਿਲਿੰਗ ਨੂੰ ਕਿਸੇ ਵੀ ਸਮੇਂ ਰੱਦ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
ਉਹ ਰੰਗ ਵਰਤੋਂ ਵਿੱਚ ਲਿਆਓ ਜੋ ਪਹਿਲੀ ਵਾਰ ਵਿੱਚ ਹੀ ਰਿਵਿਊ ਪਾਸ ਕਰਦੇ ਹਨ
ਅੱਜ ਹੀ ਮੁਫ਼ਤ ਵਿੱਚ ਬ੍ਰਾਂਡ ਕਿੱਟ ਬਣਾਓ ਅਤੇ ਪਹੁੰਚਯੋਗ ਟੋਕਨ ਐਕਸਪੋਰਟ ਕਰੋ।
ਮੁਫ਼ਤ ਪਲਾਨ, ਕੋਈ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਨਹੀਂ। ਸਾਂਝੇ ਕਰਨ ਯੋਗ ਪੰਨਿਆਂ ਅਤੇ PDF ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਲਈ ਅੱਪਗ੍ਰੇਡ ਕਰੋ।