顏色(CSS)
RGB(0~255, 0~255, 0~255)
hsl(色相角度 0~360, 色彩飽和度 0~100%, 色彩明度 0~100%)
hsl(from blue h s l / 35%)
#000000
基於人眼看起來均等的色彩空間
可使用oklch()指定顏色
color: oklch(0.62 0.22 264)
@jh3yy: Use CSS relative color syntax to darken/lighten colors for borders, backgrounds, etc. 🔥 Magic! ✨
https://video.twimg.com/ext_tw_video/1770946957608902657/pu/vid/avc1/1080x1080/RlhoobG_xM3_5F6h.mp4?tag=14#.mp4
code:css
.success { --c: green; }
aside {
background: oklch(from var(--c) calc(l * 0.75) c h / 0.5);
color: oklch(from var(--c) calc(l * 1.5) c h);
}
相關連結