오늘은 업로드한 이미지나 URL 로 등록된 이미지로부터 칼라팔레트를 추출할 수 있는 무료 웹서비스'Color Palette Generator' 두가지를 소개합니다.
http://bighugelabs.com와 http://www.cssdrive.com에서 제공하는 웹페이지로 해당이미지에서 추출된 칼라를 이용 칼라팔레트 및 CSS stylesheet (.css file) 를 쉽게 제공해 줍니다.
1. http://www.cssdrive.com/imagepalette/index.php
- 칼라 추출을 원하는 이미지를 업로드 하거나 해당 이미지가 있는 URL 을 입력한 후 'GET PALETTE'버튼을 클릭하면 PALETTE가 추출됩니다.

추출된 칼라는 왼쪽 하단에 SAVE AS 를 클릭하여 CSS나 ACO 파일로 저장이 가능합니다.
2. http://bighugelabs.com/colors.php
- 'Choose a file to upload:'에서 원하는 이미지를 지정하고 'Create'버튼을 클릭합니다.

- 칼라 팔레트 추출되면 'Download'버튼을 클릭하여 Adobe Swatch Exchange (ASE)파일을 다운로드할 수 있습니다.
- 또한, CSS샘플이 첨부로 표시되므로 간단하게 칼라 코드를 카피할 수 있습니다.

▣ 유사한 사이트로 'WhatsItsColor'라는 곳도 있습니다.
2010/10/27 - [Web스쳐가기] - 원하는 이미지에 사용된 주요 color를 추출 - WhatsItsColor
http://bighugelabs.com와 http://www.cssdrive.com에서 제공하는 웹페이지로 해당이미지에서 추출된 칼라를 이용 칼라팔레트 및 CSS stylesheet (.css file) 를 쉽게 제공해 줍니다.
1. http://www.cssdrive.com/imagepalette/index.php
- 칼라 추출을 원하는 이미지를 업로드 하거나 해당 이미지가 있는 URL 을 입력한 후 'GET PALETTE'버튼을 클릭하면 PALETTE가 추출됩니다.
추출된 칼라는 왼쪽 하단에 SAVE AS 를 클릭하여 CSS나 ACO 파일로 저장이 가능합니다.
2. http://bighugelabs.com/colors.php
- 'Choose a file to upload:'에서 원하는 이미지를 지정하고 'Create'버튼을 클릭합니다.
- 칼라 팔레트 추출되면 'Download'버튼을 클릭하여 Adobe Swatch Exchange (ASE)파일을 다운로드할 수 있습니다.
- 또한, CSS샘플이 첨부로 표시되므로 간단하게 칼라 코드를 카피할 수 있습니다.
▣ 유사한 사이트로 'WhatsItsColor'라는 곳도 있습니다.
2010/10/27 - [Web스쳐가기] - 원하는 이미지에 사용된 주요 color를 추출 - WhatsItsColor
반응형
'추천 사이트' 카테고리의 다른 글
나의 비밀번호는 얼마 만에 해킹당할까? (12) | 2011.08.03 |
---|---|
무료로 명품 QR코드 만들기 - 네이버 QR코드 (6) | 2011.05.20 |
google에서 만든 무료 어플 제작 사이트 - App Inventor (15) | 2011.05.16 |
이미지로부터 칼라팔레트를 추출해주는 무료 사이트 2곳 (3) | 2011.04.01 |
블로그나 웹사이트의 로딩속도를 점수로 알려주는 - Slowcop (7) | 2011.03.18 |
이미지상의 문자를 텍스트 파일로 변환해 주는 - i2OCR (4) | 2011.02.19 |
무료 온라인 포스트잇 서비스 - Corkboard.me (2) | 2011.02.16 |
종이로 모터사이클을 만들어 보자. (3) | 2011.01.25 |
종은 정보 잘 보고 갑니다. 좋은 시간 되세요
답글
국내에서 만든 사이트도 있습니다.
토이팔레트(ToyPalette)
http://looncox.ivyro.net/toypalette
이미지로부터 컬러팔레트를 수동/자동으로 생성할 수 있고 18가지 포맷의 팔레트로도 저장할 수 있게 해 주더군요.
답글
좋은 정보를 볼 수 있습니다. 즐거운 시간 되세요
답글