CColorWell
ColorWell ਪ੍ਰਾਪਤ ਕਰੋ
ਪੈਲੇਟ + ਐਕਸੈਸਿਬਿਲਿਟੀ ਟੂਲਕਿੱਟ

ਸੁੰਦਰ ਪੈਲੇਟ। ਪੁਸ਼ਟੀਕ੍ਰਿਤ ਕੰਟਰਾਸਟ। ਇੱਕ ਹੀ ਵਰਕਫਲੋ।

ਬ੍ਰਾਂਡ ਰੰਗ ਦਰਜ ਕਰੋ। ਹਾਰਮੋਨਾਈਜ਼ਡ ਪੈਲੇਟ, ਹਰ WCAG ਫੈਸਲਾ, ਅਤੇ CSS, Tailwind ਅਤੇ Figma ਲਈ ਐਕਸਪੋਰਟ ਪਾਓ — ਪੇਜ ਛੱਡੇ ਬਿਨਾਂ।

$5/ਮਹੀਨੇ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੀਆਂ ਯੋਜਨਾਵਾਂ — ਕਿਸੇ ਵੀ ਸਮੇਂ ਰੱਦ ਕਰੋ

ਲਾਈਵ — ਇੱਥੇ ਹੀ ਕੰਮ ਕਰਦਾ ਹੈ

ਪੈਲੇਟ ਜਨਰੇਟ ਕਰੋ

ਇੱਕ ਬ੍ਰਾਂਡ ਰੰਗ ਚੁਣੋ। ColorWell ਬਾਕੀ ਬਣਾ ਦਿੰਦਾ ਹੈ।

ਐਨਾਲੋਗਸ

ਸ਼ੇਡ (ਹਲਕਾ → ਗੂੜ੍ਹਾ)

ਐਕਸਪੋਰਟ ਕਰੋ

ਡਿਜ਼ਾਈਨ ਟੋਕਨ ਡਾਊਨਲੋਡ ਕਰੋ

ਪ੍ਰੋ

ਪੂਰੀ ਪੈਲੇਟ ਅਤੇ ਸ਼ੇਡ ਰੈਂਪ ਨੂੰ ਵਰਤਣ-ਯੋਗ ਫਾਈਲਾਂ ਵਜੋਂ ਸੇਵ ਕਰੋ।

ਫਾਈਲਾਂ ਡਾਊਨਲੋਡ ਕਰਨ ਲਈ Pro ਵਿੱਚ ਅੱਪਗ੍ਰੇਡ ਕਰੋ

ਕੰਟ੍ਰਾਸਟ ਜਾਂਚ

ਪੈਲੇਟ ਤੋਂ ਕੋਈ ਵੀ ਦੋ ਰੰਗ ਚੁਣੋ। ColorWell WCAG ਨਤੀਜਾ ਦਿਖਾਉਂਦਾ ਹੈ।

Aa
The quick brown fox jumps over the lazy dog.
2.77
ਅਨੁਪਾਤ

ਨਤੀਜਾ: WCAG ਫੇਲ੍ਹ

ਬ੍ਰਾਂਡ ਪੈਲੇਟ ਲਈ ਜੋ ਕੁਝ ਵੀ ਲੋੜੀਂਦਾ ਹੈ

ਰੋਜ਼ਾਨਾ ਇੰਟਰਫੇਸ ਭੇਜਣ ਵਾਲੇ ਕੰਮ ਕਰ ਰਹੇ ਡਿਜ਼ਾਈਨਰਾਂ ਅਤੇ ਫਰੰਟ-ਐਂਡ ਟੀਮਾਂ ਲਈ ਬਣਾਇਆ ਗਿਆ।

ਹਾਰਮੋਨਾਈਜ਼ਡ ਪੈਲੇਟ

ਕੋਈ ਵੀ ਹੈਕਸ ਰੰਗ ਚੁਣੋ। ColorWell ਇੱਕ ਕਲਿੱਕ ਵਿੱਚ ਅਨਾਲਾਗਸ, ਕੰਪਲੀਮੈਂਟਰੀ, ਟ੍ਰਾਇਡਿਕ ਅਤੇ ਮੋਨੋਕ੍ਰੋਮੈਟਿਕ ਸਕੀਮ ਤਿਆਰ ਕਰਦਾ ਹੈ।

WCAG ਕੰਟਰਾਸਟ — ਤੁਰੰਤ

ਤੁਹਾਡੀ ਪੈਲੇਟ ਦੇ ਹਰ ਰੰਗ ਜੋੜੇ ਨੂੰ ਟੈਕਸਟ, ਵੱਡੇ ਟੈਕਸਟ ਅਤੇ UI ਕੰਪੋਨੈਂਟਸ ਦੇ ਵਿਰੁੱਧ AA/AAA ਫੈਸਲਾ ਮਿਲਦਾ ਹੈ।

CSS, Tailwind, Figma ਐਕਸਪੋਰਟ

CSS ਵੇਰੀਏਬਲ, Tailwind ਕੌਨਫਿਗ, ਰਾ JSON ਟੋਕਨ, ਜਾਂ ਪੇਸਟ-ਰੈਡੀ Figma ਸਟਾਈਲ ਲਈ ਇੱਕ-ਕਲਿੱਕ ਐਕਸਪੋਰਟ।

ਬ੍ਰਾਂਡ-ਸੁਰੱਖਿਅਤ ਵੇਰੀਏਸ਼ਨ

ਹਿਊ (hue) ਨੂੰ ਵਿਗਾੜੇ ਬਿਨਾਂ ਰੰਗ ਨੂੰ ਹਲਕਾ, ਗੂੜ੍ਹਾ ਜਾਂ ਸੰਤ੍ਰਿਪਤ ਕਰੋ। ColorWell ਪਰਸੈਪਚੁਅਲ ਕਲਰ ਸਪੇਸ (Oklch) ਵਿੱਚ ਰਹਿੰਦਾ ਹੈ।

ਨਾਮ ਵਾਲੇ ਟੋਕਨ

"indigo-500" ਜਾਂ "slate-700" ਵਰਗੇ ਆਟੋ-ਨਾਮ ਤੁਹਾਡੇ ਸਟਾਈਲਸ਼ੀਟ ਨੂੰ ਮਨੁੱਖਾਂ ਲਈ ਪੜ੍ਹਨਯੋਗ ਰੱਖਦੇ ਹਨ, ਹੈਕਸ ਕੋਡ ਨਹੀਂ।

ਪੈਲੇਟ ਸੇਵ ਅਤੇ ਸਿੰਕ ਕਰੋ

ਹਰ ਪੈਲੇਟ ਜੋ ਤੁਸੀਂ ਬਣਾਉਂਦੇ ਹੋ ਤੁਹਾਡੀ ਹੈ — ਇਸਨੂੰ ਨਾਮ ਦਿਓ, ਟੈਗ ਲਗਾਓ, ਬਾਅਦ ਵਿੱਚ ਵਾਪਸ ਆਓ। ਪ੍ਰੋ ਲਈ ਕਲਾਊਡ ਸਿੰਕ।

ਤਿੰਨ ਪੜਾਅ

ਇੱਕ ਬ੍ਰਾਂਡ ਰੰਗ ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ। ਇੱਕ ਕੰਮ ਕਰਨ ਵਾਲੀ ਸਟਾਈਲਸ਼ੀਟ ਨਾਲ ਖਤਮ ਕਰੋ।

1

ਚੁਣੋ

ਹੈਕਸ ਵੈਲਯੂ ਦਰਜ ਕਰੋ ਜਾਂ ਕਲਰ ਪਿਕਰ ਵਰਤੋ।

2

ਜਨਰੇਟ ਕਰੋ

ColorWell ਹਾਰਮੋਨਾਈਜ਼ਡ ਪੈਲੇਟ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਹਰ ਕੰਟਰਾਸਟ ਚੈੱਕ ਚਲਾਉਂਦਾ ਹੈ।

3

ਐਕਸਪੋਰਟ

CSS, Tailwind ਜਾਂ Figma ਟੋਕਨ ਕਾਪੀ ਕਰੋ — ਸਿੱਧੇ ਤੁਹਾਡੇ ਕੋਡਬੇਸ ਵਿੱਚ।

ਸਰਲ ਕੀਮਤ

ਇੱਕ ਪਲਾਨ ਚੁਣੋ ਅਤੇ ਹੈਕਸ ਕੋਡਾਂ ਨਾਲ ਲੜਨਾ ਬੰਦ ਕਰੋ।

ਸਟਾਰਟਰ

ਇਕੱਲੇ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ

$5/ਮਹੀਨਾ
  • 100 ਸੇਵ ਕੀਤੇ ਪੈਲੇਟ / ਮਹੀਨਾ
  • ਅਨਲਿਮਿਟਡ ਕੰਟਰਾਸਟ ਚੈੱਕ
  • CSS / Tailwind / JSON ਐਕਸਪੋਰਟ
  • ਬ੍ਰਾਂਡ-ਸੇਫ ਵੇਰੀਏਸ਼ਨ
ਸਭ ਤੋਂ ਲੋਕਪ੍ਰਿਅ
ਪ੍ਰੋ

ਬ੍ਰਾਂਡ ਟੀਮਾਂ ਲਈ

$15/ਮਹੀਨਾ
  • 2000 ਸੇਵ ਕੀਤੇ ਪੈਲੇਟ / ਮਹੀਨਾ
  • Figma ਟੋਕਨ ਐਕਸਪੋਰਟ
  • ਬ੍ਰਾਂਡ ਕਿੱਟ (ਮਲਟੀ-ਪੈਲੇਟ ਪ੍ਰੋਜੈਕਟ)
  • ਕਲਾਊਡ-ਸਿੰਕਡ ਲਾਇਬ੍ਰੇਰੀਆਂ
  • ਪ੍ਰਾਥਮਿਕਤਾ ਵਾਲਾ ਸਪੋਰਟ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਕੀ ਮੈਨੂੰ ਕੁਝ ਇੰਸਟਾਲ ਕਰਨਾ ਪਵੇਗਾ?

ਨਹੀਂ। ColorWell ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ — ਜਦੋਂ ਤੱਕ ਤੁਸੀਂ ਸਿੰਕ ਨਹੀਂ ਕਰਦੇ, ਤੁਹਾਡੇ ਰੰਗ ਤੁਹਾਡੇ ਮਸ਼ੀਨ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦੇ।

ਤੁਸੀਂ ਕਿਹੜਾ ਕਲਰ ਸਪੇਸ ਵਰਤਦੇ ਹੋ?

ColorWell ਅੰਦਰੋਂ Oklch ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ — ਵੇਰੀਏਸ਼ਨ ਪਰਸੈਪਚੁਅਲ ਕਲਰ ਸਪੇਸ ਵਿੱਚ ਰਹਿੰਦੇ ਹਨ, ਤਾਂ ਜੋ ਬ੍ਰਾਂਡ ਰੰਗ ਨੂੰ ਹਲਕਾ ਕਰਨ ਨਾਲ ਉਸਦਾ ਹਿਊ ਨਾ ਬਦਲੇ।

ਐਕਸਪੋਰਟ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ?

CSS ਵੇਰੀਏਬਲ, Tailwind ਕੌਨਫਿਗ ਬਲੌਕ, ਰਾ JSON, ਜਾਂ Figma-ਰੈਡੀ ਸਟਾਈਲਾਂ ਲਈ ਇੱਕ-ਕਲਿੱਕ ਕਲਿੱਪਬੋਰਡ ਕਾਪੀ। ਇਹਨਾਂ ਨੂੰ ਸਿੱਧੇ ਆਪਣੇ ਕੋਡ ਜਾਂ ਡਿਜ਼ਾਈਨ ਟੂਲ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।

ਕੀ ਮੈਨੂੰ ਇੱਕ ਮੁਫਤ ਟ੍ਰਾਇਲ ਮਿਲੇਗਾ?

ਨਹੀਂ — ਇਹ ਇੱਕ ਪੇਡ ਟੂਲ ਹੈ ਜਿਸਦੇ ਪਲਾਨ $5 ਪ੍ਰਤੀ ਮਹੀਨਾ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ। ਸਟਾਰਟਰ $5/ਮਹੀਨਾ ਹੈ ਅਤੇ ਪ੍ਰੋ $15/ਮਹੀਨਾ ਹੈ; ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਸਮੇਂ ਰੱਦ ਕਰ ਸਕਦੇ ਹੋ।

ਮੈਂ ਰੱਦ ਕਿਵੇਂ ਕਰਾਂ?

ਅਕਾਊਂਟ ਪੇਜ ਤੋਂ, ਜਾਂ ਸਾਨੂੰ ਈਮੇਲ ਭੇਜ ਕੇ। ਰੱਦ ਕਰਨ ਨਾਲ ਅਗਲਾ ਰਿਨਿਊਅਲ ਰੁਕ ਜਾਂਦਾ ਹੈ — ਤੁਹਾਡਾ ਬਾਕੀ ਸਮਾਂ ਉਪਭੋਗਯੋਗ ਰਹਿੰਦਾ ਹੈ।

ਹੈਕਸ ਕੋਡਾਂ ਨੂੰ ਹੱਥੀਂ ਟਿਊਨ ਕਰਨਾ ਬੰਦ ਕਰੋ।

ਪੈਲੇਟ ਜਨਰੇਟ ਕਰੋ, ਸਟਾਈਲਸ਼ੀਟ ਭੇਜੋ — ਸਭ ਕੁਝ ਇੱਕ ਜਗ੍ਹਾ।

ਪਲਾਨ ਵੇਖੋ