Skip to content

Latest commit

 

History

History
88 lines (57 loc) · 3.25 KB

README.md

File metadata and controls

88 lines (57 loc) · 3.25 KB

apple-color-names

Apple Color Names Visualizer

An interactive web tool that visualizes the color names supported by Apple News Format. Each color is displayed with a tile, its name, and its hexadecimal (hex) value. Users can click to copy the name or hex value, simplifying the workflow for developers and designers.

Features

  • Comprehensive Visualization: Displays all Apple-supported color names with their respective color swatches and hex values.
  • Click-to-Copy: Effortlessly copy color names or hex values by clicking on them, making integration into your projects seamless.
  • User-Friendly Interface: A clean and responsive design ensures an enjoyable experience on both desktop and mobile devices.
  • Dynamic Grid: Color tiles are dynamically generated, ensuring flexibility for future updates.

Live Demo

Check out the live version of the tool here: Apple Color Names Visualizer

GitHub Repository

You can find the source code on GitHub: GitHub Repository

Screenshot

Screenshot of the Apple Color Names Visualizer

Getting Started

Prerequisites

  • A modern web browser (e.g., Chrome, Firefox, Safari, or Edge)

Installation

  1. Clone the repository: 
    git clone https://github.com/m3lixir/apple-color-names.git
  2. Navigate to the project folder: 
    cd apple-color-names
  3. Open the index.html file in your preferred browser: 
    open index.html

Usage

  1. Browse the grid of color tiles to find your desired color.
  2. Click on the color name or hex value to copy it to your clipboard.
  3. Paste the copied value into your project or application.

Project Structure

  • index.html: Main HTML file containing the structure of the application.
  • Embedded CSS and JavaScript for styling and interactivity.

Technologies Used

  • HTML: Provides the base structure for the application.
  • CSS: Includes Materialize framework and custom styles for responsiveness and visual design.
  • JavaScript: Handles interactivity, such as dynamically generating tiles and clipboard operations.

Contributing

Contributions are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/YourFeature).
  3. Commit your changes (git commit -m 'Add a new feature').
  4. Push to the branch (git push origin feature/YourFeature).
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

Contact

For any questions or feedback, feel free to reach out: