이미지 색상 추출기

파일은 브라우저에서만 읽습니다. 이미지를 선택하기 전에는 샘플 메타데이터를 보여줍니다.

브라우저 로컬 처리 준비 상태입니다.

파일 미리보기

#ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%)
#0000ff | rgb(0, 0, 255) | hsl(240, 100%, 50%)
#307050 | rgb(48, 112, 80) | hsl(150, 40%, 31%)
--palette-color-1: #ff0000;
--palette-color-2: #0000ff;
--palette-color-3: #307050;
theme: {
  extend: {
    colors: {
      "palette-1": "#ff0000",
      "palette-2": "#0000ff",
      "palette-3": "#307050",
    },
  },
},
{
  "tokenPrefix": "palette",
  "colors": [
    {
      "hex": "#ff0000",
      "rgb": "rgb(255, 0, 0)",
      "hsl": "hsl(0, 100%, 50%)",
      "cssVariable": "--palette-color-1: #ff0000;"
    },
    {
      "hex": "#0000ff",
      "rgb": "rgb(0, 0, 255)",
      "hsl": "hsl(240, 100%, 50%)",
      "cssVariable": "--palette-color-2: #0000ff;"
    },
    {
      "hex": "#307050",
      "rgb": "rgb(48, 112, 80)",
      "hsl": "hsl(150, 40%, 31%)",
      "cssVariable": "--palette-color-3: #307050;"
    }
  ]
}