Features 🌟
- Dynamic Color Change: Enter a color name to change the square's background color.
- Hex Color Display: Shows the hexadecimal value of the entered color.
- Text Color Toggle: Switch between black and white text colors for better visibility.
- Responsive Design: Adaptable layout for various screen sizes.
Tech Stack 🧰
- React: Core framework for building the user interface.
- CSS: Styling for the application layout and components.
- colornames Package: Converts color names to hexadecimal values.
Components 📦
- Square: Displays the color and hex value based on user input.
- InputField: Allows users to enter color names and toggle text color.
Tools Used
ReactJS
CSS