Editing
CSS tools
(section)
Jump to navigation
Jump to search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
=== 挑選顏色 === 取色器 * {{Gd}} [https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg/related ColorPick Eyedropper] for {{Chrome}} * [http://www.iosart.com/firefox/colorzilla/ ColorZilla Extension for Firefox and Mozilla] {{Fx}} or [https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp Chrome Web Store - ColorZilla] {{Chrome}} * [http://0123456789.tw/?p=2996 MAC OSX 已內建取色器DigitalColor Meter APP] for {{Mac}} 色票 * [http://colorhunt.co/ Color Hunt] {{Gd}} 使用者可以投票色票 {{access | date = 2016-02-29}} * 漸層參考色票 [http://uigradients.com/ uiGradients] * 同一顏色的漸層色票 [http://paletton.com/ Paletton - The Color Scheme Designer] 右下方的 example 可以預覽在網站套用的效果 {{access | date = 2016-03-04}} * [http://gradient.quasi.ink/ Unique gradient generator] 教學: [https://free.com.tw/unique-gradient-generator/ Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器] * [https://www.google.com/design/spec/style/color.html Color - Style - Google design guidelines] "Color in material design" * [https://coolors.co/ Coolors - The super fast color schemes generator!] {{access | date = 2016-02-29}} * [http://colormind.io/ Colormind - the smart color palette generator] {{access | date = 2017-03-27}} * [https://picular.co/ Picular] 教學: [https://free.com.tw/picular/ Picular 色彩界的 Google!以關鍵字搜尋各種顏色靈感] {{access | date = 2018-09-14}} * [https://hexcolor.co/css-color-extractor/ CSS Color Extractor - Online CSS Color Checker Tool] 輸入 CSS 網址,會擷取色票、顏色被使用幾次 * [https://atmos.style/color-generator Color generator | Find harmonious colors for UI | Atmos] 提供中性、成功、警告、危險、資訊、主要、次要等用途的隨機顏色。可以選定某個顏色後,再隨機產生其他輔助顏色。 * [https://hexcolor.co/palette-generator Hex Colors](hexcolor.co)是一個提供各種免費顏色工具的網站,非常適合專業設計師和顏色愛好者。它具有顏色選擇器、調色板生成器和漸層產生器等功能。用戶可以探索帶有十六進制代碼的各種顏色名稱,生成顏色漸層的 CSS,檢查顏色對比以確保可用性 (accessibility),甚至從圖片中節取出顏色調色板。該網站還提供了關於各種顏色模型和配色的資訊,例如互補色和相似色,使其成為顏色選擇和設計靈感的全面資源。 色碼換算 * [http://www.javascripter.net/faq/rgbtohex.htm RGB-to-Hex Color Converter] e.g. <div style="background-color:#FFFF00; width: 180px;">rgb(255,255,0) <--> #FFFF00</div>
Summary:
Please note that all contributions to LemonWiki共筆 are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
LemonWiki:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Navigation menu
Personal tools
Not logged in
Talk
Contributions
Log in
Namespaces
Page
Discussion
English
Views
Read
Edit
View history
More
Search
Navigation
Main page
Current events
Recent changes
Random page
Help
Categories
Tools
What links here
Related changes
Special pages
Page information