Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- Redux
- github
- flex item
- flex container
- 테스트 코드
- prettier
- 정보처리기사필기
- 홍달쌤
- error
- 기사퍼스트
- createstore 취소선
- flexbox/grid 적용 여부
- froggy
- JWT
- login button 컴포넌트
- justify-content: center;
- 백준
- position
- 정보처리기사
- REACT
- 프로그래머스
- git revert
- Flexbox Froggy
- 정보처리기사실기
- react 상태 관리 라이브러리
- input 컴포넌트
- 조건부 스타일링
- 모듈 관리
- flexbox
- 카카오맵
Archives
- Today
- Total
minyoung
CSS 컬러 시스템 3가지 본문
1. 16진수 컬러 => Color 추출하기
2. rgb
3. rgba
세 가지로 정리할 수 있는데 이번 포스팅에서는 Colorzilla chrome 확장 프로그램을 활용해서 원하는 색깔을 가져오는 방법에 대해 짧게 기록한다.
아래 chrome 웹스토어에서 ColorZilla를 설치해서 활용하면 된다.
https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ko
ColorZilla
고급 점안기, 색상 선택기, 그라데이션 생성기 및 기타 색상 도구
chrome.google.com
아래의 블로그도 참고하면 도움이 될 것 같다.
참고 블로그 : https://mirae-kim.tistory.com/38
[디자인 꿀팁] Color Zilla 사용법 - 웹 페이지 색상 쉽게 가져오기 / 색상 선택하기 / 추출하기 / 크
웹 페이지를 디자인할 때, 마음에 드는 색상이 있을 때 쉽게 색을 따오는 방법! 크롬의 확장 프로그램 ColorZila를 이용하면 되는데요, ColorZilla 사용방법에 대해서 알아보도록 하겠습니다. 요약하
mirae-kim.tistory.com
'CSS3' 카테고리의 다른 글
| flexbox froggy 정답 해설(1) (0) | 2023.12.01 |
|---|---|
| css kokoa challenge(feat.nomadcoders) review😊 (0) | 2023.11.22 |
| 😁box-sizing: border-box 쉽게 이해하자(simple 드루와) (0) | 2023.11.22 |
| Collapsing margin 현상과 padding (0) | 2023.10.15 |
| Semantic 태그 정리 (0) | 2023.10.14 |
'CSS3' Related Articles
more
