Skip to main content
HashnodeEva Chen | 網頁設計師下班後

Command Palette

Search for a command to run...

#color

Articles tagged with #color

  1. #88 SASS/SCSS (7) sass:color 顏色模組——color.adjust 與 color.scale 取代舊的 lighten() 和 darken()

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 今天我們就來學習 SASS/SCSS 中關於顏色處理的語法：sass:color 模組，他即將取代過去 SCSS 中的 lighten() 和 darken() 語法。 一、即將被棄用舊語法：lighten() 和 darken() 在過去，當我們想讓一個顏色變亮或變暗時，在 SCSS 中就是使用 lighten() 和 darken() 語法…

    Oct 8, 20251 min read19
    #88 SASS/SCSS (7) sass:color 顏色模組——color.adjust 與 color.scale 取代舊的 lighten() 和 darken()

  2. #32 多種 CSS 顏色設定：變數 currentcolor、checkbox/radio 顏色、input placeholder、閃動的光標顏色、文字反白的顏色，用混色的 color-mix() 製作色彩系統

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 上一篇我們了解了如何各種設定顏色的方式，這一篇我們要來了解關於其他顏色的小事，都很好用，像是顏色的變數 currentcolor、input 的顏色 accent-color、input 閃動的光標顏色、文字反白的顏色，甚至進階一點的混色 color-mix()。 ↓ 今日學習重點 ↓ 了解 currentcolor 及他的使用時機 了解 accent-color、placeholder 了解怎麼改動...

    Nov 9, 20231 min read395
    #32 多種 CSS 顏色設定：變數 currentcolor、checkbox/radio 顏色、input placeholder、閃動的光標顏色、文字反白的顏色，用混色的 color-mix() 製作色彩系統

  3. #31 CSS 顏色設定：基本的 hex、rgb()、cmyk()、hsl()、hsb() 、hwb() 與明日之星的 lch()、oklch()

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 顏色在之前的範例中雖然有用到，但是一直沒有深入講解。 今天，我們就要來深入了解各種 CSS 設定顏色的原理及方式，我們要了解基本的 hex、rgb()、cmyk()、hsl()、hsb()、hwb()，與新推出、讓設定顏色更廣、更直覺、更符合人眼的 lch()、oklch()。 ↓ 今日學習重點 ↓ 了解 hex、rgb()、cmyk()、hsl()、hsb() 了解廣色域是什麼 了解 lch()、o...

    Oct 25, 20231 min read772
    #31 CSS 顏色設定：基本的 hex、rgb()、cmyk()、hsl()、hsb() 、hwb() 與明日之星的 lch()、oklch()