線上顏色選擇器
工具簡介:
在下方顏色選擇器/調色板中點選想要的顏色，工具會即時顯示顏色的十六進位顏色代碼，並顯示該顏色對應的RGB、CMYK、LAB、HSL、XYZ、LUV、HWB等顏色轉換值。可點擊調色板中的上下按鈕來切換HEX、RGB、HSL，並可改變其中的數值。可拖動HUE色相條調節色相。在下方顯示顏色的變化，生成您選擇的顏色的色度值，即每次以10%的增量添加純白色或純黑色。本工具還顯示顏色組合，包含互補色、分裂互補色、三色組合、類比色、單色調、四色組合。另外，這裡還附加顏色對比度檢查器，點擊"單擊修復"可調節文本顏色和背景顏色對比到最佳值。
顏色選擇器
顏色值
顏色變化
顏色變化展示了您選擇的顏色與白色和黑色的混合效果。上半部分顯示顏色與不同比例白色的混合（變淺），下半部分顯示與不同比例黑色的混合（變深）。每個色塊顯示其十六進位代碼，點擊可複製。
顏色組合
顏色組合展示了與您選擇的顏色搭配良好的其他顏色。這些組合基於色彩理論，可用於設計配色方案。點擊任何顏色可複製其十六進位代碼。
互補色
互補色位於色環上相對的位置，相距180°。這種組合對比強烈，充滿活力。
分裂互補色
選擇一個基礎色，然後選擇其互補色兩側的顏色（通常相距30°）。這種組合提供高對比度但比直接互補色更協調。
三色組合
在色環上選擇三種相距120°的顏色。這種組合平衡且充滿活力，但使用時需要注意控制比例。
類比色
選擇色環上相鄰的顏色（通常相距30°）。這種組合和諧自然，適合創造舒適的設計。
單色調
使用同一色相但亮度和飽和度不同的顏色。這種組合簡潔和諧，適合簡約設計。
四色組合
在色環上選擇四種等距的顏色（通常是長方形或正方形）。這種組合豐富多彩，但需要謹慎使用以避免過於複雜。
顏色對比度檢查器
對比度檢查器用於評估文本顏色與背景顏色的可讀性。良好的對比度對於提高內容可訪問性至關重要，特別是對於視力障礙用戶。WCAG標準要求：AA級需要至少4.5:1的對比度，AAA級需要至少7:1的對比度。
Aa 文本預覽文字 Sample Text
1234567890