颜色百科全书
专业的颜色分析与设计工具:支持多种颜色输入方式,自动转换为RGB、HSL、CMYK、LAB等多种色彩空间的等效值。提供互补色、类比色、三基色、四基色等专业配色方案,支持颜色混合、渐变创建,并配备可访问性分析、色觉障碍模拟等辅助功能。
= 0 && selectedIndex < suggestions.length) {
selectSuggestion(suggestions[selectedIndex]);
} else {
const parsedColor = parseColor(searchQuery);
if (parsedColor) {
currentColor = parsedColor;
handleSearch();
}
}
"
@keydown.escape="showSuggestions = false"
@click.away="showSuggestions = false"
class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="输入颜色值,支持多种格式,比如:#ff0000, f00, red, hsl 203.5 100 29"/>
颜色百科全书是一个免费的颜色工具,提供有关任何颜色的信息,并为您的设计生成匹配的调色板(如互补、类比、三基色、四基色或单色配色方案)。
只需在搜索字段中键入任何颜色值,它就会提供详细的描述,并自动将其转换为十六进制、RGB、CMYK、HSL、HSV、CIE-LAB/LUV/LCH、Hunter LAB、XYZ、xyY和Binary中的等效值。
转换、生成调色板并获取任何颜色信息
输入任何十六进制、RGB或HSL值。
RGB
187, 0, 0
CMYK
0, 100, 100, 27
HSL
0°, 100, 36.7
输入任何十六进制、RGB或HSL值, 查看 示例
#ff0000
在两种颜色之间混合、相减或创建渐变
用+、-或to分隔查询。
用+、-或to分隔查询。
hsl(279,13,20) to red 255 blue 0 green 60
$refs.textarea.focus(), 100)">
反馈错误
您的反馈将直接促进工具的改进,以更好地满足您的需求。提交反馈时,相关的数据将被用于分析和优化,我们承诺在优化完成后将删除这些数据。
评论
您可以在这里对颜色百科全书提需求或者提bug。提交成功后自己可见,其他用户待审核通过后才可见。
您暂未登录
必须登录后才能使用评论功能(评论、点赞、回复、删除等),请
点击跳转登录
。首次评论仅自己可见,待管理员审核通过后,才会对外发布。