Design
無料
サインアップ不要
Color Picker Pro
Advanced color picker with eyedropper, history, and 6 format outputs
ツールを読み込み中…
このツールについて
A professional-grade color picker that goes far beyond a simple hex input. Use the browser's native EyeDropper API to sample any colour on your screen. Search for named CSS colours by name. Build a personal colour history that persists in your session. Copy the current colour in six formats instantly: HEX, RGB, HSL, HWB, OKLCH, and CSS custom property. Perfect for designers, developers, and accessibility reviewers.
使い方
- 1 Use the colour wheel/swatch to pick a colour, or type a value directly into any format input.
- 2 Click 'Pick from Screen' to use the EyeDropper and sample any colour on your display (Chrome/Edge only).
- 3 Search for CSS named colours by typing in the search box.
- 4 Click any format badge to copy that colour value to your clipboard.
- 5 Previously picked colours appear in the history strip at the bottom; click any swatch to restore it.
よくある質問
関連ツール
カラー変換 (HEX, RGB, HSL)
HEX、RGB、HSL、HSV、CMYK 間で色を変換 — リアルタイムプレビュー付き。
アイドロッパー / スクリーンカラーピッカー
画面から任意の色を選択して、HEX、RGB、HSL、CMYK形式で即座に確認できます。
Color Palette from Image
Extract dominant colors from any image using k-means clustering with CSS, Tailwind, Figma, and ASE export.
カラーコントラストチェッカー
前景色と背景色のペアのWCAG 2.1コントラスト比を確認し、合否結果を即座に取得します。