ทำงานระดับพิกเซล — อ่านสีจริงที่แสดง
A magnified circular preview shows zoomed-in pixels around your cursor, with crosshair targeting for exact pixel selection. Pick colors from text, backgrounds, images, gradients, SVGs, or ใดก็ได้ visible pixel บนหน้า.
ทุก picked color is shown in all three formats at once: HEX (#7c3aed), RGB (rgb(124, 58, 237)), and HSL (hsl(262, 83%, 58%)). No switching or converting — all formats are immediately available.
Click ใดก็ได้ format row (HEX, RGB, or HSL) to copy that specific value to คลิปบอร์ดของคุณ ทันที. A brief "Copied!" animation confirms the action. Paste โดยตรง into your CSS, design tool, or color specification.
Your recently picked colors are saved in a visual history strip showing color swatches. Click ใดก็ได้ swatch to re-select that color and see its values again. The history persists during your session — pick colors from multiple pages.
The picked color is displayed as a large swatch above the format values, making it easy เพื่อดู and verify the color. The swatch is large enough to show subtle shades that might look identical at smaller sizes.
Picks colors from ใดก็ได้ visible pixel: CSS colors, CSS gradients, images (PNG, JPG, SVG), canvas elements, video frames, semi-transparent overlays (picking the composite color), and even iframes. If you can see it, you can pick it.
Pick the exact brand color from a compใดก็ได้'s website to ensure your design or content uses the correct shade. Get the precise HEX value instead of eyeballing it or searching through brand guidelines.
Pick colors โดยตรง from hero images, product photos, or illustrations. Extract a dominant color from a photo to use as a complementary background in your design.
The design spec says the button should be #7c3aed. Pick the color from the implemented button to verify it matches. Catches subtle color differences that are invisible to the naked eye.
Browse design inspiration sites and pick colors that catch your eye. The history strip builds up a palette of colors you've picked during the session — use it as a starting point for your own color scheme.
Pick colors at different points along a CSS gradient เพื่อดู the exact color at each position. Useful for replicating gradients or understanding how gradient stops blend.
เปิด DevSuite Pro dock ลอย and click the Color Picker icon. The cursor changes to an eyedropper with a magnified preview circle.
Move your cursor over หน้า. The magnified preview shows a zoomed-in view of the pixels around your cursor, with a crosshair indicating the exact target pixel.
Click ใดก็ได้where บนหน้า to pick the color at that pixel. The color swatch, HEX, RGB, and HSL values all update ทันที.
คลิก HEX, RGB, or HSL row to copy that value to คลิปบอร์ดของคุณ. A "Copied!" confirmation appears briefly.
Continue clicking to pick more colors. แต่ละ pick is added to the history strip. Click ใดก็ได้ history swatch to recall that color.
ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 39 รายการสำหรับเบราว์เซอร์ของคุณ
