Firefox ๋ธŒ๋ผ์šฐ์ € ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
  • ํ™•์žฅ ๊ธฐ๋Šฅ
  • ํ…Œ๋งˆ
    • Firefox์šฉ
    • ์‚ฌ์ „ ๋ฐ ์–ธ์–ด ํŒฉ
    • ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์ดํŠธ
    • Android ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
๋กœ๊ทธ์ธ
DesignPicker - Color Picker & Font Detector ๋ฏธ๋ฆฌ๋ณด๊ธฐ

DesignPicker - Color Picker & Font Detector ์ œ์ž‘์ž: Ahey

A smart developer tool that supports color picking and font detecting, making develop design easier.

5 (1 reviews)5 (1 reviews)
์‚ฌ์šฉ์ž 51๋ช…์‚ฌ์šฉ์ž 51๋ช…
์ด ํ™•์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด Firefox๊ฐ€ ํ•„์š”ํ•จ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ

ํ™•์žฅ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ

์Šคํฌ๋ฆฐ์ƒท
font detectcolor picker
์ •๋ณด
DesignPicker: Advanced Color Picker, Eyedropper & Font Finder๐ŸŽจ

Stop guessing colors and fonts! DesignPicker is the essential Chrome browser extension for web designers, front-end developers, and creatives needing instant color picking, eyedropper functionality, and font identification. Speed up your design workflow with this powerful design tool, featuring advanced color detection and web font recognition. It's one of the most useful design tools in your browser toolkit.

โœ“ Key Features:

๐ŸŒˆ Effortless Color Picking, Extraction & Detection:

โœฆ Website Color Extractor: Use our webpage color extractor to grab ALL colors from any website with a single click. An excellent tool for quick color palette generation.
โœฆ Screen Eyedropper Tool: Employ the versatile screen color picker (eyedropper) to capture colors from anywhere on your screen โ€“ apps, images, code editors. Essential for web design and graphic design tasks.
โœฆ Instant Color Code Copy: Get HEX, RGB, and HSL (if supported) color codes copied instantly for CSS or design software.
โœฆ Build & Analyze Palettes: Easily create, view, and analyze website color schemes for consistent design systems.

๐Ÿช„Instant Font Identification & Recognition:

โœฆ Web Font Detection Tool: Hover over text to instantly identify fonts used on any webpage. Itโ€™s like having WhatTheFont functionality built right into your browser workflow for quick checks.
โœฆ Detailed Typography Analysis: Access comprehensive font details including font family, size, weight, style, and color. Check font information quickly without digging into code.
โœฆ Font Preview: Visualize font styles directly within the font finder interface. Perfect for typography projects.

๐Ÿ”” How to Use DesignPicker:
โœฆ Pin the Icon: After installing, pin the DesignPicker icon to your Chrome toolbar for quick access.
โœฆ Pick Colors:
โ—‡ From Screen: Click the DesignPicker icon, select the 'Screen Picker' (eyedropper), then click anywhere on your screen.
โ—‡ From Webpage: Click the icon, go to the 'Page Colors' tab to see all extracted colors.
โ—‡ Click any color swatch in the extension window to instantly copy its code (HEX, RGB, HSL).
โœฆ Identify Fonts:
โ—‡ Click the DesignPicker icon and activate the 'Inspect Fonts' mode (or similarly named feature).
โ—‡ Hover your mouse over any text on the current webpage.
โ—‡ A tooltip will appear showing detailed font information (family, size, weight, color).

๐Ÿ˜Šโœ“ Why Choose DesignPicker?
โœฆ Intuitive & Fast: This efficient browser plugin saves valuable time on every project, acting as a rapid asset capture tool.
โœฆ Accurate Results: Get reliable and accurate color values and font details you can trust for professional work.
โœฆ Seamless Workflow Integration: Optimize your process. A must-have developer tool and designer assistant right in Chrome. Integrates smoothly with your existing design tools.
โœฆ Active Development: We continuously improve based on user feedback, aiming to be the best color picker extension and font identifier tool.

๐ŸŽŠPerfect For:
โœฆ Quickly grabbing color codes (HEX, RGB, HSL) for CSS styling and development.
โœฆ Font recognition for unknown web fonts or competitor analysis.
โœฆ Creating mood boards and style guides for UI/UX design and graphic design.
โœฆ Matching colors accurately when working with component libraries like shadcn ui.
โœฆ Serving as a focused inspect element alternative for visual assets.
โœฆ Streamlining the design-to-development handoff process.
โœฆ Any task requiring a reliable online color picker or font checker.

๐Ÿš€ ๐Ÿš€ โœฆ Install DesignPicker today and revolutionize your design process! The ultimate color picker, eyedropper, and font finder browser tool for Chrome awaits.

๐Ÿ“ฎ Contact & Support:
Email: hi@yisi.app
Website: https://design-picker.yisi.app
1๋ช…์˜ ๋ฆฌ๋ทฐ์–ด๊ฐ€ 5๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

๋ณ„์  ์ €์žฅ๋จ

5
1
4
0
3
0
2
0
1
0
๋ฆฌ๋ทฐ 1๊ฐœ ๋ชจ๋‘ ์ฝ๊ธฐ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ๋” ์•Œ์•„๋ณด๊ธฐ

ํ•„์š”ํ•œ ๊ถŒํ•œ:

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ์ง€์› ์‚ฌ์ดํŠธ
  • ์ง€์› ์ด๋ฉ”์ผ
๋ฒ„์ „
1.6.0
ํฌ๊ธฐ
277.98 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
2๋‹ฌ ์ „ (2025๋…„ 6์›” 12์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
๋ผ์ด์„ ์Šค
All Rights Reserved
๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ ์ฝ๊ธฐ
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
๋ฒ„์ „ 1.6.0์˜ ์ถœ์‹œ ์ •๋ณด
Version 1.6.0 - 2025-06-12

โœจ New Features
Added Favorites page to view and manage all saved colors and fonts
Added limit of 50 favorites; homepage shows latest 12, Favorites page shows all

๐Ÿ”ง Improvements
Enhanced color sorting functionality
Ahey ๋‹˜์˜ ๋‹ค๋ฅธ ํ™•์žฅ ๊ธฐ๋Šฅ
  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

  • ์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

๋ถ€๊ฐ€ ๊ธฐ๋Šฅ

  • ์†Œ๊ฐœ
  • Firefox ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋ธ”๋กœ๊ทธ
  • ํ™•์žฅ ๊ธฐ๋Šฅ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž ํ—ˆ๋ธŒ
  • ๊ฐœ๋ฐœ์ž ์ •์ฑ…
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ธ”๋กœ๊ทธ
  • ํฌ๋Ÿผ
  • ๋ฒ„๊ทธ ์‹ ๊ณ 
  • ๋ฆฌ๋ทฐ ์ง€์นจ

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • ๊ฐœ์ธ ์ •๋ณด
  • ์ฟ ํ‚ค
  • ๋ฒ•๋ฅ 

ํŠน๋ณ„ํ•œ ๊ณ ์ง€๊ฐ€ ์—†๋Š” ํ•œ, ๋ณธ ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋Š” Commons Attribution Share-Alike License v3.0 ๋˜๋Š” ๊ทธ ์ดํ›„ ๋ฒ„์ „์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ด ํ—ˆ๊ฐ€๋ฉ๋‹ˆ๋‹ค.