摘要:使用的公式使用的公式是如上三個比如首先我們需要把中的數字轉為區間各個值除以,得值計算,將中計算的值代入,,計算得出計算,得出結果是計算使用左邊的公式計算較為簡單,得出值為最后計算得出為
使用的公式:
使用的公式是如上三個
比如: rgb(54, 163, 247)
首先我們需要把rgb中的數字轉為[0,1]區間,各個值除以255,得值(0.21,0.64,0.97)
計算h,將1中計算的值代入,max=247,min=54,r=0.21,g=0.64,b=0.97,計算得出h=206
計算l,得出結果是0.59
計算s,使用左邊的公式計算較為簡單,得出值為0.927
最后計算得出hsl為hsl(206,92.7%,59.0%)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114850.html
摘要:顏色值判斷顏色值轉換為顏色值轉換為為色相,飽和度,亮度。 顏色值判斷 /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(#009a61) /^rgb/.test(rgb(0, 154, 97)) /^hsl/.test(hsl(0, 0%, 20%)) HEX顏色值轉換為RGB // Colors function hexToRgb(hexValue)...
摘要:再來做個練習,如果我們想要黃色,那就是把紅色光跟綠色光混合起來,所以我們就把紅色光跟綠色光像這樣開到最大,你就能夠看到黃色了。 網頁使用到的色彩標示方法中,從古早時期大家都在用的16進位碼(#000000)、RGB色值標示、HSL色彩標示,其中網頁設計師最常使用的16進位色碼標示法,而16進位碼又是如何計算色彩的呢?有沒有辦法直接腦袋就把色彩算出來?HSL色彩該如何運用與記憶?有沒有什...
摘要:再來做個練習,如果我們想要黃色,那就是把紅色光跟綠色光混合起來,所以我們就把紅色光跟綠色光像這樣開到最大,你就能夠看到黃色了。 網頁使用到的色彩標示方法中,從古早時期大家都在用的16進位碼(#000000)、RGB色值標示、HSL色彩標示,其中網頁設計師最常使用的16進位色碼標示法,而16進位碼又是如何計算色彩的呢?有沒有辦法直接腦袋就把色彩算出來?HSL色彩該如何運用與記憶?有沒有什...
摘要:色相是這個圓柱的偏角,飽和度為圓柱水平切面的半徑,亮度以圓柱的高度表示。這意味著中,飽和度總是從完全飽和變化到等價的灰色,而在中是從完全飽和變化為白色。到的換算在數學上定義為空間的坐標到空間的坐標的換算。當為亮度為極值時,飽和度恒等于。 我在做 webapp 的頂部導航欄時,碰到了一個挑戰,導航欄的字體與圖標要根據背景的顏色深淺來顯示不同白色和黑色,但是導航欄的顏色是支持多種配色的,我...
閱讀 2335·2021-11-24 09:39
閱讀 3778·2021-11-19 09:40
閱讀 2153·2021-09-27 13:36
閱讀 1896·2019-08-30 15:44
閱讀 390·2019-08-30 13:52
閱讀 2713·2019-08-30 11:13
閱讀 2171·2019-08-29 16:18
閱讀 1755·2019-08-29 15:43