매일 손이 가는 개발자 도구를 한곳에.

변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.

/ 도구

■

/ 도구 찾기

도구 109개

/ 이미지 색상 추출기

이미지 선택

최대 파일 크기: 5MB. 이미지를 클릭하여 색상을 선택하세요.

/ 선택한 도구

■

이미지 색상 추출기 - 무료 변환기 도구

이미지에서 색상을 추출하고 주요 색상 팔레트를 뽑아냅니다

■ 01

이미지 색상 추출기란?

이미지 색상 추출기는 이미지의 어느 지점에서든 정확한 색상 값을 뽑아낼 수 있게 해주는 도구입니다. 웹 디자인, 그래픽 디자인, 그리고 기존 이미지나 사진에서 색상 팔레트를 만드는 데 유용합니다.

■ 02

어떻게 작동하나요?

기능 포인트 앤 클릭: 이미지의 아무 곳이나 클릭해 그 지점의 정확한 색상을 추출합니다 다양한 형식: HEX, RGB, HSL 형식으로 색상 값을 확인합니다 주요 색상: 이미지 전체에서 가장 많이 쓰인 색상을 추출합니다 복사 기…

■ 03

예시 사례

웹 디자인, 색상 매칭, 팔레트 생성을 다뤄 자주 쓰는 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.

/ 소스 코드

TypeScript

typescript

// npm install canvas
// npm install @types/node --save-dev

import { createCanvas, loadImage } from 'canvas';
import * as fs from 'fs';

interface RGB {
  r: number;
  g: number;
  b: number;