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

색상생성기Material Palette 웹사이트에서 다양한 색상조합을 만들어 보고 바로바로 확인까지 가능한 생성기 Material Palette입니다. 좌측에 있는 색상을 클릭하여 조합될 색상을 선택합니다. 그후 우측에 미리보기 화면에서 적용된 모습을 바로 볼수 있습니다. 조합된 색상은 우측 하단에서 다양한 확장자로 선택 다운로드가 가능합니다. 트위터에서도 할 수 있으니. 더욱 좋은거 같네요. 웹디자인을 하는 사람에서는 소스코드 적용이 필수니 CSS로 받아서 적용하면 좋네요.

간단한 페이지를 스크롤효과로 시원하고 동적인 페이지로 보일수 있습니다. 스크롤을 내릴수록 색상이 변하며, 투명이미지에 색상이 채워집니다. 몇가지 아이콘으로 이런 멋진 페이지를 제작할 수 있습니다. 파일을 다운받으신후 이미지와 css, 스크립트를 참고하셔서 작업해보시기 바랍니다.

디자인시 이미지보다도 가장 고민되는것이 바로 색상. PPT하나 제작하려고만해도 도대제 어떤색이 잘 어울릴지 고민하게되죠. 그래서 도움될만한 사이트를 하나 소개합니다. https://color.adobe.com/ 어도비 컬러라는 사이트 입니다. 사이트 접속시 색상선택화면이 나타나게 됩니다. 내가 원하는 색상을 선택하면 이리저리 색상배합이 바뀌게 됩니다. 그리고 편리한 기능 중 하나는 내가사진을 등록하면 해당 사진을 기준으로 색상배합을 추천해준다는것. 하지만 위에것도 다 소용없어 !난 지정된 색상배합중 선택만 해서 쓰고싶다 !! 라고하시는분들으 상단 [탐색] 페이지를 이용하면 다양한 색상배합을 만날 수 있습니다. 편리한 색상배합 사이트 어도비 컬러 ! https://color.adobe.com/

여러가지 색상을 이용해서 그라데이션 효과를 만들어서 화면에 보여줄수 있는 스크립트입니다. 첨부파일을 다운로드 받아서 압축을 푸신후에 demo.html 을 웹브라우져로 열어 보면 확인이 가능합니다. 가로를 기준으로 그라데이션 효과를 줬을때 화면 세로를 기준으로 효과를 줬을때 화면 여러가지 색상을 추가해서 효과를 준 예제 색상을 변경할수 있고, 가로나, 세로형태가 아니라 원형으로도 효과를 줄수가 있네요 화면에 보이는 효과를 주기 위해서 사용된 스타일 코드도 확인이 가능하네요. 출처는 http://www.htmldrive.net/items/show/1310/very-nice-and-useful-gradientcolor-selector-with-jQuery 입니다.