← ಪರಿಕರಗಳು
ವಿನ್ಯಾಸ ಮತ್ತು CSS
ಬಣ್ಣಗಳು, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಗಾತ್ರ ಮತ್ತು ಉತ್ಪಾದನೆ ಸಿದ್ಧ CSS ರಚಿಸಿ.
ಬಣ್ಣ ಮತ್ತು ಪ್ರವೇಶಸಾಧ್ಯತೆ
- ಕಲರ್ ಕನ್ವರ್ಟರ್ (Color Converter)HEX, RGB, HSL, HSV, CMYK ಮತ್ತು LAB ನಡುವೆ ಬಣ್ಣಗಳನ್ನು ಪರಿವರ್ತಿಸಿ — ಯಾವುದೇ ಫೀಲ್ಡ್ ಅನ್ನು ಎಡಿಟ್ ಮಾಡಿ ಮತ್ತು ಉಳಿದವುಗಳು ತಕ್ಷಣವೇ ಅಪ್ಡೇಟ್ ಆಗುತ್ತವೆ.ವಿಶೇಷ ಪುಟಗಳು (8)
- ಕಾಂಟ್ರಾಸ್ಟ್ ಚೆಕ್ಕರ್ (Contrast Checker)WCAG ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು ಯಾವ AA ಹಾಗೂ AAA ಮಟ್ಟಗಳು ಉತ್ತೀರ್ಣವಾಗುತ್ತವೆ ಎಂಬುದನ್ನು ನೋಡಲು ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿ.
CSS ಲೇಔಟ್ ಮತ್ತು ಎಫೆಕ್ಟ್ಗಳು
- ಬಾಕ್ಸ್ ಶ್ಯಾಡೋ ಜನರೇಟರ್ (Box Shadow Generator)ಬಾಕ್ಸ್-ಶ್ಯಾಡೋ ರೂಪಿಸಲು ಸ್ಲೈಡರ್ಗಳನ್ನು ಎಳೆಯಿರಿ, ಆಳಕ್ಕಾಗಿ ಲೇಯರ್ಗಳನ್ನು ಜೋಡಿಸಿ ಮತ್ತು ಸಿದ್ಧಪಡಿಸಿದ CSS ಅನ್ನು ತಕ್ಷಣವೇ ನಕಲಿಸಿ.
- ಗ್ರೇಡಿಯಂಟ್ ಜನರೇಟರ್ (Gradient Generator)ಲೀನಿಯರ್, ರೇಡಿಯಲ್ ಅಥವಾ ಕೋನಿಕ್ ಗ್ರೇಡಿಯಂಟ್ ನಿರ್ಮಿಸಿ, ಕಲರ್ ಸ್ಟಾಪ್ಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ದಿಕ್ಕನ್ನು ಹೊಂದಿಸಿ, ನಂತರ ಒಂದೇ ಕ್ಲಿಕ್ನಲ್ಲಿ CSS ಅನ್ನು ನಕಲಿಸಿ.
- ಬಾರ್ಡರ್ ರೇಡಿಯಸ್ ಜನರೇಟರ್ (Border Radius Generator)ಸ್ಲೈಡರ್ಗಳೊಂದಿಗೆ ಪ್ರತಿಯೊಂದು ಮೂಲೆಯನ್ನು ದುಂಡಗಾಗಿಸಿ, ಎಲಿಪ್ಟಿಕಲ್ ಮೋಡ್ನೊಂದಿಗೆ ನೈಸರ್ಗಿಕ ಬ್ಲಾಬ್ ಆಕಾರಗಳನ್ನು ರೂಪಿಸಿ ಮತ್ತು CSS ಅನ್ನು ತಕ್ಷಣವೇ ನಕಲಿಸಿ.
- ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್ ಜನರೇಟರ್ (Flexbox Generator)ದೃಶ್ಯ ನಿಯಂತ್ರಣಗಳೊಂದಿಗೆ ಫ್ಲೆಕ್ಸ್ ಕಂಟೇನರ್ ಮತ್ತು ಅದರ ಐಟಂಗಳನ್ನು ಹೊಂದಿಸಿ, ಲೇಔಟ್ ಲೈವ್ ಆಗಿ ಪ್ರತಿಕ್ರಿಯಿಸುವುದನ್ನು ವೀಕ್ಷಿಸಿ ಮತ್ತು ಒಂದೇ ಕ್ಲಿಕ್ನಲ್ಲಿ CSS ಅನ್ನು ನಕಲಿಸಿ.
- CSS ಗ್ರಿಡ್ ಜನರೇಟರ್ನಿಮ್ಮ ಕಾಲಂಗಳು ಮತ್ತು ರೋಗಳನ್ನು ಹೊಂದಿಸಿ, ಐಟಂಗಳನ್ನು ಇರಿಸಲು ಸೆಲ್ಗಳಾದ್ಯಂತ ಎಳೆಯಿರಿ ಮತ್ತು ಒಂದೇ ಕ್ಲಿಕ್ನಲ್ಲಿ ಹೊಂದಾಣಿಕೆಯಾಗುವ HTML ನೊಂದಿಗೆ ಗ್ರಿಡ್ CSS ಅನ್ನು ನಕಲಿಸಿ.
- CSS ಕ್ಯೂಬಿಕ್ ಬೆಜಿಯರ್ ಜನರೇಟರ್ಈಸಿಂಗ್ ಕರ್ವ್ ರೂಪಿಸಲು ಎರಡು ಹ್ಯಾಂಡಲ್ಗಳನ್ನು ಎಳೆಯಿರಿ, ಸ್ಥಿರ ಚಲನೆಗೆ ವಿರುದ್ಧವಾಗಿ ಡಾಟ್ ಚಲಿಸುವುದನ್ನು ವೀಕ್ಷಿಸಿ ಮತ್ತು cubic-bezier() ಮೌಲ್ಯವನ್ನು ನಕಲಿಸಿ.
- CSS clamp() ಕ್ಯಾಲ್ಕುಲೇಟರ್ಸಣ್ಣ ಮತ್ತು ದೊಡ್ಡ ಸ್ಕ್ರೀನ್ಗಳಿಗಾಗಿ ಗಾತ್ರವನ್ನು ನಮೂದಿಸಿ ಮತ್ತು ಅವುಗಳ ನಡುವೆ ಸುಗಮವಾಗಿ ಬದಲಾಗುವ clamp() ಮೌಲ್ಯವನ್ನು ಪಡೆಯಿರಿ — ಫಾಂಟ್ ಗಾತ್ರಗಳು, ಪ್ಯಾಡಿಂಗ್, ಮಾರ್ಜಿನ್ಗಳು ಅಥವಾ ಗ್ಯಾಪ್ಗಳಿಗಾಗಿ.
ಫಾಂಟ್ ತಪಾಸಣೆ ಮತ್ತು ಪರವಾನಗಿ
ಸ್ಕ್ರೀನ್, ಪ್ರಿಂಟ್ ಮತ್ತು ಅನುಪಾತ
- ಪಿಕ್ಸೆಲ್ / DPI ಪರಿವರ್ತಕಯಾವುದೇ DPI/PPI ನಲ್ಲಿ ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಇಂಚುಗಳು, cm ಮತ್ತು mm ಗೆ ಪರಿವರ್ತಿಸಿ — ಸ್ಕ್ರೀನ್ ವಿನ್ಯಾಸ ಮತ್ತು ಪ್ರಿಂಟ್ ಕೆಲಸಗಳೆರಡಕ್ಕೂ ಸೂಕ್ತವಾಗಿದೆ.
- ಸ್ಕ್ರೀನ್ PPI ಕ್ಯಾಲ್ಕುಲೇಟರ್ಪಿಕ್ಸೆಲ್ ಸಾಂದ್ರತೆ, ಡಾಟ್ ಪಿಚ್, ಭೌತಿಕ ಆಯಾಮಗಳು ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ಪಡೆಯಲು ರೆಸಲ್ಯೂಶನ್ ಮತ್ತು ಸ್ಕ್ರೀನ್ ಗಾತ್ರವನ್ನು ನಮೂದಿಸಿ.
- px ನಿಂದ rem ಮತ್ತು em ಕನ್ವರ್ಟರ್ನಿಮ್ಮದೇ ಆದ ರೂಟ್ ಮತ್ತು ಕಾಂಟೆಕ್ಸ್ಟ್ ಫಾಂಟ್ ಗಾತ್ರಗಳನ್ನು ಬಳಸಿಕೊಂಡು px, rem ಮತ್ತು em ನಡುವೆ ಪರಿವರ್ತಿಸಿ — ಯಾವುದೇ ಫೀಲ್ಡ್ ಅನ್ನು ಎಡಿಟ್ ಮಾಡಿ ಮತ್ತು ಉಳಿದ ಎರಡು ನೀವು ಟೈಪ್ ಮಾಡಿದಂತೆ ಅಪ್ಡೇಟ್ ಆಗುತ್ತವೆ.
ಈ ವರ್ಗದಲ್ಲಿ ಯಾವುದೇ ಹೊಂದಾಣಿಕೆಯ ಪರಿಕರಗಳಿಲ್ಲ.