ਰੰਗ ਰੂਪਾਂਤਰਨ
#f9f9f9
≈ Alabaster
ਵਿਭਿੰਨਤਾ
ਇਸ ਭਾਗ ਦਾ ਉਦੇਸ਼ ਤੁਹਾਡੇ ਚੁਣੇ ਹੋਏ ਰੰਗ ਦੇ 10% ਵਾਧੇ ਵਿੱਚ ਟਿੰਟਸ (ਖਾਲਿਸ ਚਿੱਟਾ ਸ਼ਾਮਲ ਕੀਤਾ) ਅਤੇ ਸ਼ੇਡਸ (ਖਾਲਿਸ ਕਾਲਾ ਸ਼ਾਮਲ ਕੀਤਾ) ਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਤਿਆਰ ਕਰਨਾ ਹੈ।
ਪ੍ਰੋ ਟਿਪ: ਹੋਵਰ ਸਟੇਟਸ ਅਤੇ ਸਾਏ ਲਈ ਸ਼ੇਡਸ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਹਾਈਲਾਈਟਸ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਲਈ ਟਿੰਟਸ ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਸ਼ੇਡਸ
ਤੁਹਾਡੇ ਬੇਸ ਰੰਗ ਵਿੱਚ ਕਾਲਾ ਸ਼ਾਮਲ ਕਰਕੇ ਬਣਾਈਆਂ ਗਈਆਂ ਗੂੜ੍ਹੀਆਂ ਵਿਭਿੰਨਤਾਵਾਂ।
ਟਿੰਟਸ
ਤੁਹਾਡੇ ਬੇਸ ਰੰਗ ਵਿੱਚ ਚਿੱਟਾ ਸ਼ਾਮਲ ਕਰਕੇ ਬਣਾਈਆਂ ਗਈਆਂ ਹਲਕੀਆਂ ਵਿਭਿੰਨਤਾਵਾਂ।
ਆਮ ਵਰਤੋਂ ਦੇ ਕੇਸ
- • UI ਕੰਪੋਨੈਂਟ ਸਟੇਟਸ (ਹੋਵਰ, ਐਕਟਿਵ, ਅਯੋਗ)
- • ਸਾਏ ਅਤੇ ਹਾਈਲਾਈਟਸ ਨਾਲ ਗਹਿਰਾਈ ਬਣਾਉਣਾ
- • ਸੁਸੰਗਤ ਰੰਗ ਪ੍ਰਣਾਲੀਆਂ ਬਣਾਉਣਾ
ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਟਿਪ
ਇਹ ਵਿਭਿੰਨਤਾਵਾਂ ਇੱਕ ਸੰਗਠਿਤ ਰੰਗ ਪੈਲੇਟ ਦੀ ਨੀਂਹ ਰੱਖਦੀਆਂ ਹਨ। ਆਪਣੇ ਸਾਰੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਸੁਸੰਗਤਤਾ ਬਣਾਈ ਰੱਖਣ ਲਈ ਇਨ੍ਹਾਂ ਨੂੰ ਐਕਸਪੋਰਟ ਕਰੋ।
ਰੰਗ ਜੋੜ
ਹਰ ਸਹਿਮਤੀ ਦਾ ਆਪਣਾ ਮੂਡ ਹੁੰਦਾ ਹੈ। ਸਹਿਮਤੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਰੰਗਾਂ ਦੇ ਜੋੜਾਂ ਨੂੰ ਸੋਚਣ ਲਈ ਜੋ ਚੰਗੇ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ।
ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
ਕਿਸੇ ਵੀ ਰੰਗ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਤਾਂ ਜੋ ਇਸ ਦਾ ਹੈਕਸ ਮੁੱਲ ਕਾਪੀ ਹੋ ਜਾਵੇ। ਇਹ ਜੋੜ ਗਣਿਤਕ ਤੌਰ 'ਤੇ ਦ੍ਰਿਸ਼ਟੀ ਸਹਿਮਤੀ ਬਣਾਉਣ ਲਈ ਸਾਬਤ ਕੀਤੇ ਗਏ ਹਨ।
ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ
ਰੰਗ ਸਹਿਮਤੀਆਂ ਸੰਤੁਲਨ ਬਣਾਉਂਦੀਆਂ ਹਨ ਅਤੇ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਖਾਸ ਭਾਵਨਾਵਾਂ ਨੂੰ ਜਗਾਉਂਦੀਆਂ ਹਨ।
ਪੂਰਨ
ਇੱਕ ਰੰਗ ਅਤੇ ਇਸਦਾ ਵਿਰੋਧੀ ਰੰਗ ਚੱਕਰ 'ਤੇ, +180 ਡਿਗਰੀ ਹਿਊ। ਉੱਚ ਵਿਰੋਧ।
ਵੰਡੇ-ਪੂਰਨ
ਇੱਕ ਰੰਗ ਅਤੇ ਇਸਦੇ ਪੂਰਨ ਦੇ ਨਾਲ ਲੱਗਦੇ ਦੋ ਰੰਗ, ਮੁੱਖ ਰੰਗ ਦੇ ਵਿਰੋਧੀ ਮੁੱਲ ਤੋਂ +/-30 ਡਿਗਰੀ ਹਿਊ। ਸਿੱਧੇ ਪੂਰਨ ਵਾਂਗ ਬੋਲਡ, ਪਰ ਹੋਰ ਬਹੁਤ ਸਹਿਮਣ।
ਤਿਕੋਣੀ
ਰੰਗ ਚੱਕਰ 'ਤੇ ਸਮਾਨ ਤੌਰ 'ਤੇ ਤਿੰਨ ਰੰਗ, ਹਰ ਇੱਕ 120 ਡਿਗਰੀ ਹਿਊ ਦੂਰ। ਵਧੀਆ ਹੈ ਕਿ ਇੱਕ ਰੰਗ ਨੂੰ ਪ੍ਰਮੁੱਖ ਬਣਾਓ ਅਤੇ ਹੋਰਾਂ ਨੂੰ ਉਭਾਰ ਵਜੋਂ ਵਰਤੋ।
ਸਮਾਨ
ਇੱਕੋ ਜਿਹੇ ਚਮਕ ਅਤੇ ਸੰਤੁਲਨ ਵਾਲੇ ਤਿੰਨ ਰੰਗ ਜਿਨ੍ਹਾਂ ਦੇ ਹਿਊ ਰੰਗ ਚੱਕਰ 'ਤੇ ਲੱਗਦੇ ਹਨ, 30 ਡਿਗਰੀ ਦੂਰ। ਹੌਲੀ ਹੌਲੀ ਬਦਲਾਅ।
ਇਕਰੰਗੀ
ਇੱਕੋ ਹਿਊ ਦੇ ਤਿੰਨ ਰੰਗ ਜਿਨ੍ਹਾਂ ਦੇ ਚਮਕ ਮੁੱਲ +/-50% ਹਨ। ਨਰਮ ਅਤੇ ਸੁਧਰੇ ਹੋਏ।
ਚਤੁਰਭੁਜੀ
ਦੋ ਸੈੱਟ ਪੂਰਨਕਰਮੀ ਰੰਗਾਂ ਦੇ, ਜੋ 60 ਡਿਗਰੀ ਹਿਊ ਨਾਲ ਵੱਖਰੇ ਹਨ।
ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਸਿਧਾਂਤ
ਸੰਤੁਲਨ
ਇੱਕ ਪ੍ਰਮੁੱਖ ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਸਹਾਇਕ ਰੰਗ ਨਾਲ ਸਹਾਇਤਾ ਕਰੋ, ਅਤੇ ਥੋੜ੍ਹਾ ਜਿਹਾ ਉਭਾਰੋ।
ਵਿਰੋਧ
ਪੜ੍ਹਨਯੋਗਤਾ ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਕਾਫ਼ੀ ਵਿਰੋਧ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।
ਸਮਰਸਤਾ
ਰੰਗ ਇਕੱਠੇ ਕੰਮ ਕਰਨ ਚਾਹੀਦੇ ਹਨ ਤਾਂ ਜੋ ਇੱਕ ਇਕਸਾਰ ਵਿਜ਼ੂਅਲ ਅਨੁਭਵ ਬਣ ਸਕੇ।
ਰੰਗ ਵਿਰੋਧ ਚੈੱਕਰ
ਰੰਗ ਦੇ ਸੰਯੋਜਨਾਂ ਦੀ ਜਾਂਚ ਕਰੋ ਤਾਂ ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਉਹ ਪਾਠ ਪੜ੍ਹਨ ਯੋਗਤਾ ਲਈ WCAG ਪਹੁੰਚ ਯੋਗਤਾ ਮਿਆਰਾਂ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹਨ।
ਪਾਠ ਦਾ ਰੰਗ
ਪਿਛੋਕੜ ਦਾ ਰੰਗ
ਵਿਰੋਧ
WCAG ਮਿਆਰ
ਉੱਚ-ਤਕਨੀਕੀ ਕਾਂਟ੍ਰਾਸਟ ਚੈੱਕਰ
ਸਲਾਈਡਰਾਂ ਨਾਲ ਸੁਧਾਰੋ, ਕਈ ਪ੍ਰੀਵਿਊਜ਼ ਅਤੇ ਹੋਰ
ਹਰ ਕੋਈ ਇੱਕ ਜ਼ਹੀਨ ਹੈ। ਪਰ ਜੇਕਰ ਤੁਸੀਂ ਇੱਕ ਮੱਛੀ ਨੂੰ ਇਸ ਦੀ ਸਮਰੱਥਾ ਦੇ ਅਧਾਰ 'ਤੇ ਜੱਜ ਕਰੋ ਕਿ ਉਹ ਦਰੱਖਤ 'ਤੇ ਚੜ੍ਹ ਸਕਦੀ ਹੈ, ਤਾਂ ਇਹ ਆਪਣੀ ਸਾਰੀ ਜ਼ਿੰਦਗੀ ਇਹ ਮੰਨਦੇ ਹੋਏ ਬਿਤਾਏਗੀ ਕਿ ਇਹ ਮੂਰਖ ਹੈ।