ಡಿಸೈನ್ & ಬಣ್ಣ
ಪಿಕರ್ಗಳು, palettes, gradients ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್ ಚೆಕರ್ಗಳು.
ಬಣ್ಣ ಪಿಕರ್ & ಕನ್ವರ್ಟರ್
ಒಂದು ಬಣ್ಣವನ್ನು ಆರಿಸಿ ಮತ್ತು HEX, RGB, HSL ಮತ್ತು OKLCH ಆಗಿ ಪರಿವರ್ತಿಸಿ.
ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಚೆಕರ್
ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳ ನಡುವೆ WCAG AA/AAA ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ.
CSS ಗ್ರೇಡಿಯೆಂಟ್ ಜನರೇಟರ್
ಲೈವ್ ಮುನ್ನೋಟದೊಂದಿಗೆ ಲೀನಿಯರ್, ರೇಡಿಯಲ್ ಮತ್ತು ಕಾನಿಕ್ CSS ಗ್ರೇಡಿಯೆಂಟ್ಗಳನ್ನು ನಿರ್ಮಿಸಿ.
CSS Box-Shadow ಜನರೇಟರ್
ಪ್ರಿಸೆಟ್ಗಳು ಮತ್ತು ಲೈವ್ ಮುನ್ನೋಟದೊಂದಿಗೆ ಮಲ್ಟಿ-ಲೇಯರ್ CSS box-shadows ನಿರ್ಮಿಸಿ. CSS, ವ್ಯಾಲ್ಯೂ ಅಥವಾ React ಸ್ಟೈಲ್ ತಕ್ಷಣ ನಕಲಿಸಿ.
ಬಣ್ಣ ಪ್ಯಾಲೆಟ್ ಜನರೇಟರ್
ಪೂರಕ, ಅನಾಲಗಸ್, ಟ್ರಯಾಡಿಕ್ ಮತ್ತು ಮೊನೊಕ್ರೊಮ್ಯಾಟಿಕ್ ಪ್ಯಾಲೆಟ್ಗಳನ್ನು ಜನರೇಟ್ ಮಾಡಿ.
Cubic Bezier ಜನರೇಟರ್
ನಿಯಂತ್ರಣ ಬಿಂದುಗಳನ್ನು ಎಳೆಯುವ ಮೂಲಕ CSS ಈಸಿಂಗ್ ಕರ್ವ್ ಡಿಸೈನ್ ಮಾಡಿ, ಲೈವ್ ಮುನ್ನೋಟ ಸಹಿತ.
Border Radius ಜನರೇಟರ್
CSS ದುಂಡಾದ ಮೂಲೆಗಳು ಮತ್ತು ಆರ್ಗ್ಯಾನಿಕ್ ಬ್ಲಾಬ್ ಆಕಾರಗಳನ್ನು ದೃಶ್ಯಮಾನವಾಗಿ ರಚಿಸಿ.
CSS Flexbox ಪ್ಲೇಗ್ರೌಂಡ್
ಲೈವ್ ಮುನ್ನೋಟ ಮತ್ತು CSS ನಕಲಿಸುವ ಸಾಮರ್ಥ್ಯದೊಂದಿಗೆ flex ಗುಣಧರ್ಮಗಳನ್ನು ಹೊಂದಿಸಿ.
CSS Grid ಪ್ಲೇಗ್ರೌಂಡ್
ಲೈವ್ ಮುನ್ನೋಟ ಮತ್ತು CSS ನೊಂದಿಗೆ ಗ್ರಿಡ್ ಕಾಲಮ್ಗಳು, ಅಂತರ ಮತ್ತು ಅಲೈನ್ಮೆಂಟ್ ಹೊಂದಿಸಿ.
ಗ್ಲಾಸ್ಮಾರ್ಫಿಸಮ್ ಜನರೇಟರ್
ಫ್ರಾಸ್ಟೆಡ್-ಗ್ಲಾಸ್ ಕಾರ್ಡ್ ಡಿಸೈನ್ ಮಾಡಿ ಮತ್ತು CSS ನಕಲಿಸಿ, ಲೈವ್ ಮುನ್ನೋಟ ಸಹಿತ.
CSS Text-Shadow ಜನರೇಟರ್
ಲೈವ್ ಮುನ್ನೋಟ ಮತ್ತು ಕೋಡ್ ನಕಲಿಸುವ ಸಾಮರ್ಥ್ಯದೊಂದಿಗೆ CSS ಟೆಕ್ಸ್ಟ್ ಶ್ಯಾಡೋ ಟ್ಯೂನ್ ಮಾಡಿ.
ಬಣ್ಣ ಮಿಕ್ಸರ್
ಎರಡು ಬಣ್ಣಗಳನ್ನು ಯಾವುದೇ ಅನುಪಾತದಲ್ಲಿ ಮಿಶ್ರಣ ಮಾಡಿ ಮತ್ತು ಫಲಿತಾಂಶ ಅಥವಾ ಯಾವುದೇ ಹಂತ ನಕಲಿಸಿ.
ಇಮೇಜ್ ಕಲರ್ ಪಿಕರ್
ಚಿತ್ರದಿಂದ ಯಾವುದೇ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಿ ಮತ್ತು ಅದರ ಪ್ರಮುಖ ಪ್ಯಾಲೆಟ್ ಅನ್ನು HEX, RGB ಮತ್ತು HSL ಆಗಿ ಪಡೆಯಿರಿ.
Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.