🔰colors

CSS ⟩ values ⟩ colors

🛠 工具

• Color Hunt

• hhhue - color palettes

⭐️ 重點

new syntax

• no commas between the numbers.

• alpha value separated with a slash.

• rgba() and hsla() no longer necessary.

/* old syntax             new syntax             */
/* --------------------------------------------- */
rgb(0, 0, 0)              rgb(0 0 0)
rgba(255, 0, 0, 0.5)      rgb(255 0 0 / 0.5)    /* #FF00007F */
hsl(120, 50%, 50%)        hsl(120 50% 50%)
hsla(120, 50%, 50%, 0.75) hsl(120 50% 50% / 0.75)

🔴 主題

• HSL

📘 手冊

• CSS ⟩ <color value>

👥 相關

• gradients - need to define gradient colors with CSS colors.

• SVG ⟩ Attributes (fill, stroke)

• <canvas> ⟩ colors