CoursesAI WorkshopCompaniesPricingBlogNewsletter
  • Courses
  • AI Workshop
  • Companies
  • Pricing
  • Blog
  • Newsletter
Subscribe
  • Courses
  • Companies
  • Communities
  • Blog
  • Gift card
  • Newsletter
  • Help
  • Shop
  • ConfAiBot
  • Contact
  • Legal notice
  • General conditions
  • Privacy policy
  • Cookies policy

Course of Best Practices with CSS: Colors

Lite
Núria SorianoRafa Gómez

By Núria Soriano y Rafa Gómez – Frontend

Master the use of colors in CSS to create visually stunning and accessible sites. Use modern CSS such as lch for color management.

Go to course

💸 First lesson available without registration 💸

Working with colors in CSS can be challenging if best practices are not known. Incoherent or inaccessible colors can negatively affect the user experience and website performance.

This course teaches you how to use colors in CSS. You will learn from creating a coherent and accessible color palette to advanced handling of gradients and support for different browsers. You will discover why relying solely on RGB can be limiting and how modern color formats like `lch` and `oklch` can provide more optimal solutions.

With practical examples, you will be empowered to optimize your color code and implement effective and efficient solutions that will make your projects stand out.

With this course you will learn to:

  • Implement best practices in color management in CSS
  • Understand the limitations of using RGB and how to overcome them
  • Create and expand efficient and accessible color palettes
  • Use modern color formats like `lch` and `oklch` for better accuracy and accessibility
  • Maintain the quality and compatibility of color code across different browsers
  • Use gradients to add visual complexity without the need for images
  • Automate and maintain consistency in your code with tools like Stylelint

Videos of the course

  • 👼 Best practices working with colors
  • 🙅‍♀️ 3 reasons to stop using RGB

  • 🤏 Create your color palette
  • 🎡 Ensure your palette's accessibility
  • 🍹 Expand your palette by generating shades with color-mix

  • 🧓 Support for older browsers
  • 💅 Consistency and best practices with Stylelint

  • 🧸 Play with gradients
  • 🎁 Gradients also in borders
  • ✨ Create livelier gradients with lch

  • 🤟 Next steps
Go to course

Related courses

Standard
Tailwind CSS: Architecture and Best Practices

🚤 Tailwind CSS: Architecture and Best Practices

Paco CastellóRafa Gómez

Learn how to structure your Tailwind CSS projects following best practices.

See course
Standard
Job offers

📄 Job offers

Javier FerrerRafa Gómez

Codely verified job offers

See course
Standard
Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Generate dynamic images in your Next.js projects for sharing on social media.

See course
See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Essential programming courses to build a solid foundation
Popular

standard

24,92 €
Discount vs monthly of 49 €
Annual payment of 299 €
per month
  • Main catalog to master writing maintainable, scalable, and testable code
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

premium

41,58 €
Discount vs monthly of 89 €
Annual payment of 499 €
per month
  • Exclusive AI courses to keep you always up to date
  • Early access to new courses
  • Discount on workshops
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

We won't increase the price while your subscription is active

SubscribeSign in