ಲೆಕ್ಕಾಚಾರ

ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಬಿಲ್ಡರ್ ಉಚಿತ

HEX ಬಣ್ಣದಿಂದ ಹೊಂದಾಣಿಕೆಯ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ತಕ್ಷಣವೇ ರಚಿಸಿ: ಛಾಯೆಗಳು, ಪೂರಕ, ಸಾದೃಶ್ಯ, ಟ್ರಯಾಡಿಕೇಟ್ ಮತ್ತು ಟೆಟ್ರಾಡೈಡ್. HEX/RGB/HSL ನಕಲು ಸೇರಿದಂತೆ.

ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಸೃಷ್ಟಿಕರ್ತ
ತಿಳಿ ಟೋನ್ಗಳು (ಟಿಂಟ್‌ಗಳು)
ಗಾಢ ಛಾಯೆಗಳು (ಛಾಯೆಗಳು)
ಪೂರಕ
ಅನಲಾಗ್
ಟ್ರಯಾಡಿಕ್
ಟೆಟ್ರಾಡಿಕ್
ಮಾಹಿತಿ

ಕಲರ್ ಪ್ಯಾಲೆಟ್ ಬಿಲ್ಡರ್ ಉಚಿತ ಬಗ್ಗೆ

ವೆಬ್ ವಿನ್ಯಾಸ, ಗ್ರಾಫಿಕ್ ವಿನ್ಯಾಸ ಮತ್ತು ಬ್ರ್ಯಾಂಡ್ ಗುರುತಿನ ಯೋಜನೆಗಳಲ್ಲಿ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ರಚಿಸುವುದು ಅತ್ಯಂತ ನಿರ್ಣಾಯಕ ಹಂತಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಉತ್ತಮವಾಗಿ ಆಯ್ಕೆಮಾಡಿದ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸುತ್ತದೆ, ಬ್ರ್ಯಾಂಡ್ ಸ್ಥಿರತೆಯನ್ನು ಬಲಪಡಿಸುತ್ತದೆ ಮತ್ತು ಕಣ್ಣಿನ ಆಯಾಸವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಹೋಸ್ಟ್ರಾಗನ್ಸ್ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಸೃಷ್ಟಿಕರ್ತ ಇದರೊಂದಿಗೆ, ನೀವು ಒಂದೇ ಪ್ರಾಥಮಿಕ ಬಣ್ಣದಿಂದ ಪ್ರಾರಂಭವಾಗುವ ಐದು ವಿಭಿನ್ನ ಪ್ಯಾಲೆಟ್ ಶೈಲಿಗಳನ್ನು ತಕ್ಷಣ ರಚಿಸಬಹುದು.

ಉಪಕರಣ; ಛಾಯೆಗಳು (ತಿಳಿ ಛಾಯೆಗಳು) ಮತ್ತು ಛಾಯೆಗಳು (ಗಾಢ ಛಾಯೆಗಳು), ಪೂರಕ, ಅನಲಾಗ್, ತ್ರಿಮೂರ್ತಿಗಳು ಮತ್ತು ನಾಲ್ಕು ಚಕ್ರಗಳ ಇದು ಬಣ್ಣ ಸಿದ್ಧಾಂತದ ಪ್ರಕಾರ ಬಣ್ಣ ಸಾಮರಸ್ಯವನ್ನು ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಬಣ್ಣಕ್ಕೂ... ಹೆಕ್ಸ್, ಆರ್‌ಜಿಬಿ ಮತ್ತು ಎಚ್‌ಎಸ್‌ಎಲ್ ನೀವು ಒಂದೇ ಕ್ಲಿಕ್‌ನಲ್ಲಿ ಸ್ವರೂಪಗಳನ್ನು ನಕಲಿಸಬಹುದು. ನೀವು HEX ಕೋಡ್ ಅನ್ನು ಟೈಪ್ ಮಾಡುವ ಮೂಲಕ ಅಥವಾ ಬಣ್ಣ ಪಿಕ್ಕರ್ ಬಳಸಿ ಬಯಸಿದ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಬಹುದು.

ಎಲ್ಲಾ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನೈಜ ಸಮಯದಲ್ಲಿ ನಡೆಸಲಾಗುತ್ತದೆ; ಯಾವುದೇ ಡೇಟಾವನ್ನು ಸರ್ವರ್‌ಗೆ ಕಳುಹಿಸಲಾಗುವುದಿಲ್ಲ. CSS ವೇರಿಯೇಬಲ್‌ಗಳು, ಟೈಲ್‌ವಿಂಡ್ ಥೀಮ್ ಬಣ್ಣಗಳು ಅಥವಾ ಫಿಗ್ಮಾ ಬಣ್ಣ ಶೈಲಿಗಳನ್ನು ಸಿದ್ಧಪಡಿಸುವಾಗ ನೀವು ಈ ಉಪಕರಣವನ್ನು ಉಲ್ಲೇಖವಾಗಿ ಬಳಸಬಹುದು. ಇದರ ಟರ್ಕಿಶ್ ಇಂಟರ್ಫೇಸ್ ಮತ್ತು ಮೊಬೈಲ್ ಸ್ನೇಹಿ ವಿನ್ಯಾಸದೊಂದಿಗೆ, ಇದು ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳು ಮತ್ತು ಸ್ಮಾರ್ಟ್‌ಫೋನ್‌ಗಳಲ್ಲಿ ಸರಾಗವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

ಅದನ್ನು ಹೇಗೆ ಬಳಸುವುದು?

ಹಂತ ಹಂತವಾಗಿ

  1. HEX ಪೆಟ್ಟಿಗೆಯಲ್ಲಿ ಬಣ್ಣದ ಕೋಡ್ ಅನ್ನು ನಮೂದಿಸಿ (ಉದಾ. #3b82f6) ಅಥವಾ ಬಣ್ಣ ಆಯ್ದುಕೊಳ್ಳುವ ಐಕಾನ್ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಬಣ್ಣವನ್ನು ಬ್ರೌಸ್ ಮಾಡಿ.
  2. ನೀವು ಆಯ್ಕೆ ಮಾಡಿದ ಬಣ್ಣವನ್ನು ಉಪಕರಣವು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ. ಛಾಯೆಗಳು, ಪೂರಕ, ಅನಲಾಗ್, ತ್ರಿಮೂರ್ತಿಗಳು ಮತ್ತು ನಾಲ್ಕು ಚಕ್ರಗಳ ಇದು ಪ್ಯಾಲೆಟ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ.
  3. ಪ್ರತಿಯೊಂದು ಬಣ್ಣದ ಪೆಟ್ಟಿಗೆಯ ಕೆಳಗೆ ಹೆಕ್ಸ್, ಆರ್‌ಜಿಬಿ ಮತ್ತು ಎಚ್‌ಎಸ್‌ಎಲ್ ನೀವು ಮೌಲ್ಯಗಳನ್ನು ನೋಡುತ್ತೀರಿ; ಬಯಸಿದ ಸ್ವರೂಪದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಅವುಗಳನ್ನು ಕ್ಲಿಪ್‌ಬೋರ್ಡ್‌ಗೆ ನಕಲಿಸಿ.
  4. ನೀವು ಮುಖ್ಯ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಿದಾಗ, ಎಲ್ಲಾ ಪ್ಯಾಲೆಟ್‌ಗಳು ತಕ್ಷಣವೇ ನವೀಕರಿಸಲ್ಪಡುತ್ತವೆ; ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ ಇದಕ್ಕೆ ಧನ್ಯವಾದಗಳು, ನೀವು ತಕ್ಷಣ ಸಾಮರಸ್ಯವನ್ನು ನೋಡುತ್ತೀರಿ.
FAQ

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ಬಣ್ಣದ ಚಕ್ರದಲ್ಲಿ ಆಯ್ಕೆಮಾಡಿದ ಬಣ್ಣಕ್ಕೆ ನಿಖರವಾಗಿ ವಿರುದ್ಧವಾಗಿರುವ (180°) ಬಣ್ಣವನ್ನು ಪೂರಕ ಬಣ್ಣ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಇದು ಹೆಚ್ಚಿನ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಒದಗಿಸುತ್ತದೆ ಮತ್ತು ಗಮನ ಸೆಳೆಯುವ ಉಚ್ಚಾರಣಾ ಬಣ್ಣಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ.

ಸದೃಶ ಬಣ್ಣಗಳು ಬಣ್ಣ ಚಕ್ರದಲ್ಲಿ ಪರಸ್ಪರ ಪಕ್ಕದಲ್ಲಿರುವ (± 30°) ಬಣ್ಣಗಳಾಗಿವೆ. ಪ್ರಕೃತಿಯಲ್ಲಿ ಆಗಾಗ್ಗೆ ಕಂಡುಬರುವ ಈ ಸಾಮರಸ್ಯವು ಕಣ್ಣಿಗೆ ಶಾಂತ ಮತ್ತು ಸಮತೋಲಿತವಾಗಿ ಕಾಣುತ್ತದೆ; ಇದನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಹಿನ್ನೆಲೆ-ಪಠ್ಯ ಬಣ್ಣ ಸಂಯೋಜನೆಗಳಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ.

ತ್ರಿಕೋನ ಸಾಮರಸ್ಯದಲ್ಲಿ, ಬಣ್ಣದ ಚಕ್ರವನ್ನು ಮೂರು ಸಮಾನ ಭಾಗಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ (120°); ಇದು ಸಮತೋಲಿತ ಮತ್ತು ರೋಮಾಂಚಕ ಪ್ಯಾಲೆಟ್‌ಗಳನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ. ಟೆಟ್ರಾಡಿಕ್ ಸಾಮರಸ್ಯದಲ್ಲಿ, ನಾಲ್ಕು ಬಣ್ಣಗಳನ್ನು 90° ಮಧ್ಯಂತರದಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ; ಇದು ಹೆಚ್ಚು ವೈವಿಧ್ಯಮಯ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ನೀಡುತ್ತದೆ, ಆದರೆ ಎಚ್ಚರಿಕೆಯಿಂದ ಬಳಸಬೇಕಾಗುತ್ತದೆ.

ನೀವು ಬಣ್ಣ ಪಿಕ್ಕರ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ನಿಮ್ಮ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಂನ ಬಣ್ಣ ಪಿಕ್ಕರ್ ಅನ್ನು ತೆರೆಯಬಹುದು. ನೀವು RGB ಅಥವಾ HSL ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ನೀವು ಮೊದಲು ಅವುಗಳನ್ನು ಆನ್‌ಲೈನ್ ಪರಿವರ್ತಕವನ್ನು ಬಳಸಿಕೊಂಡು HEX ಗೆ ಪರಿವರ್ತಿಸಬಹುದು ಮತ್ತು ಅವುಗಳನ್ನು ಇಲ್ಲಿ ಅಂಟಿಸಬಹುದು.

ಪ್ರತಿಯೊಂದು ಬಣ್ಣದ HEX ಅಥವಾ HSL ಮೌಲ್ಯವನ್ನು ನಕಲಿಸಿ. :ರೂಟ್ { --ಪ್ರಾಥಮಿಕ: #3b82f6; } ನೀವು ಇದನ್ನು ಈ ರೀತಿಯ CSS ವೇರಿಯೇಬಲ್ ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು. HSL ಸ್ವರೂಪವು ಪ್ರೋಗ್ರಾಮ್ಯಾಟಿಕ್ ಆಗಿ ಹೊಳಪು/ಸ್ಯಾಚುರೇಶನ್ ಅನ್ನು ಹೊಂದಿಸಲು ವಿಶೇಷವಾಗಿ ಸೂಕ್ತವಾಗಿದೆ.