웹솔루션개발 25년 노하우! 해피CGI의 모든것

색상 조합 어도비 컬러로 해결하세요. 홈페이지를 제작할때 로고색상, 상품색상에 따라가면 뭔가 어울리지 않을 때 기준 색상을 선택하고 조합색상을 쉽게 찾을 수 있는 어도비 컬러입니다. - 이미지에 포함된 각종 색상을 추출하는 기능 - 이미지에 포함된 그라데이션 색상을 추출하는 기능 - 홈페이지 접근성을 높이기 위한 대비 검사기 기능 등 다양한 기능을 제공합니다. 색상 선택이 고민일땐 최신 색상 트렌드 정보도 제공하니, 여러모로 유용하네요. 홈페이지제작시 참고하세요.

새로고침하거나 skip 버튼을 클릭하면 랜덤으로 포인트 컬러 조합을 보여주는 randoma11y 입니다. 포인트 컬러 조합을 찾지 못하거나 영감이 필요할 경우 간단하게 확인하여 원하는 포인트 컬러를 잡아보는데 유용합니다. 디자이너는 어떤 컨셉을 잡을지 최초 오더를 받게되면, 오더받은 업체의 주요 색상이나 어울릴법한 컨셉을 찾게됩니다. 그러다보면 딜레마에 빠지기 마련인데요, 그때 보면 도움이 될만한 포인트 컬러용 사이트입니다. 어떤 컨셉을 잡을지 모를때 불멍하듯 클릭하다보면 어떤 포인트가 생각나지 않을까요? ^^

이미지에서 즉시 컬러를 추출해 팔레트를 생성해주는 사이트입니다. 원하는 이미지의 URL주소를 입력하고 버튼을 눌러줍니다. 버튼을 누르면 원본 사진과 사진을 바탕으로 가장 유사한 10가지 색이 색상코드와 함께 출력되어 디자인 작업시 색상조합에 큰 도움을 줄 수 있을 거 같습니다. 위 기능을 활용하면 무엇보다 분위기에 맞는 컬러배색을 사용할 수 있겠죠?

한번의 색상클릭으로 그와 관련된 색상들을 확인할수있고, 채도를 조절할 수 있습니다. 좌측의 타원형 색상팔레트에서 원하는 색상을 선택하면 좌측에서 그와 관련된 색상들이 출력됩니다. 계열의 채도변경은 우측 타원형의 가운데 5개의 점으로 변경 가능합니다.

디자인을 하다보면 색의 조합이 매우 중요한데요. 전문가라도 전체적인 색상의 방향을 정하는 것은 그리 쉽지 않은 일입니다. 이럴때 색 구성표를 쉽게 생성할 수 있는 색상 조합 사이트를 이용하는 방법이 있습니다. adobe color cc는 어도비에서 제작한 컬러도구 입니다. 다양한 색상표를 만들고 리소스를 공유할 수 있으며 포토샵, 일러스트로 바로 내보내기가 가능합니다.

소스보기 시 위와 같이 소스보기에 색상을 입혀 보기 좋도록 만들어 주는 플러그인 입니다. 굉장히 유용한 플러그인 입니다. http://w8tcha.github.io/CKEditor-CodeMirror-Plugin/demoFramed.html 위의 링크의 데모에서 확인해 보시고 설치하시면 되겠습니다. 언제나 그렇듯 설치는 config.js 에 config.extraPlugins = 'codemirror'; 를 추가하시면 됩니다.