CodeInWord

屏幕取色器

EyeDropper

EyeDropper
Click the eye dropper button below and select a colour anywhere on your screen! 点击下方的吸管按钮,然后在屏幕上的任何位置选择颜色!
Selected colour: 已选颜色: #90CBFB
Hex
#90CBFB
RGB
rgb(144, 203, 251)
HSL
hsl(207, 93%, 77%)

屏幕取色器使用指南

屏幕取色器是一个简单易用的工具,可以帮助您从屏幕上的任何位置获取颜色值。无论您是设计师、开发人员还是创意工作者,这个工具都能帮助您快速准确地捕获屏幕上的颜色。

如何使用屏幕取色器

1. 点击页面中央的吸管按钮

2. 将鼠标移动到屏幕上您想要获取颜色的位置

3. 点击以选择该颜色

4. 颜色值将显示在界面上,包括十六进制、RGB和HSL格式

5. 使用复制按钮复制所需的颜色代码

为什么使用屏幕取色器

屏幕取色器使您能够轻松地:

• 捕获网页、图像或应用程序中的精确颜色

• 获取多种格式的颜色代码,以便在不同的工具中使用

• 在设计过程中快速比较和收集颜色

技术说明

本工具使用HTML5的EyeDropper API,这是一个相对较新的Web API,允许用户从屏幕上的任何位置选择颜色。所有操作都在浏览器中本地执行,不会将任何数据发送到服务器。

EyeDropper Usage Guide

The EyeDropper is a simple yet powerful tool that helps you capture color values from anywhere on your screen. Whether you're a designer, developer, or creative professional, this tool enables you to quickly and accurately capture colors displayed on your screen.

How to Use the EyeDropper

1. Click on the eyedropper button in the center of the page

2. Move your cursor to the area of the screen where you want to capture the color

3. Click to select that color

4. The color values will be displayed in the interface, including HEX, RGB, and HSL formats

5. Use the copy buttons to copy the desired color codes

Why Use the EyeDropper

The EyeDropper enables you to easily:

• Capture exact colors from websites, images, or applications

• Get color codes in multiple formats for use in different tools

• Quickly compare and collect colors during the design process

Technical Note

This tool uses the HTML5 EyeDropper API, a relatively new Web API that allows users to select colors from anywhere on the screen. All operations are performed locally in your browser, and no data is sent to any server.

Color code copied to clipboard