Color Picker

Color Picker

其實 Google Search 內建就有類似的功能,或者以下功能相同的網頁工具:

但自己很喜歡 Photoshop 的顏色選擇介面,所以就練習刻了一個~

色彩模型

使用 RGB、HSV、及 CMYK 來重現 Photoshop (PS) 裡面的介面,一開始發現 HSV 的顏色顯示會跟 PS 裡面顯示的不一樣,後來才發現 PS 裡面寫的「B」是指 HSV 裡的 Value 而不是 HSL 裡的 Lightness。

色彩模型之間的轉換公式可以在 Wikipedia 裡找到~也可以在原始碼裡的 js/main.js 找到。

PS 裡的 Lab 選項我暫時把他拿掉了,等我搞清楚色彩空間的轉換公式也許未來會再補上去 XD

後記

雖然我比較喜歡黑色版本的樣式,但這次就沒花太多時間再細修 CSS Style 惹~

Go to page

其他好玩的工具

調色盤

?(有點療癒)