html 편집을 하면 가장 먼저 뭘 정리해야 할까 라는 생각을 했는데
아무래도 색상 변경을 가장 많이 사용한다고 생각해서 정리 하였습니다.
빨간색 계열
|
빨간색 계열1 - rgb(255, 0, 0), #ff0000
|
빨간색 계열2 - rgb(255, 216, 216), #FFD8D8
|
|
|
|
|
|
|
주황색 계열 2 - rgb(250, 224, 212) ,FAE0D4
|
|
|
주황색 계열 5 - rgb(204, 114, 61), #CC723D
|
주황색 계열 6 - rgb(153, 56, 0), #993800
|
주황색 계열 7 - rgb(102, 37, 0) ,#662500
오렌지색 계열
|
오렌지색 계열 1 - rgb(255, 187, 0), #FFBB00
|
오렌지색 계열 2 - rgb(250, 236, 197), #FAECC5
|
오렌지색 계열 3 - rgb(255, 224, 140), #FFE08C
|
오렌지색 계열 4 - rgb(242, 203, 97), #F2CB61
|
오렌지색 게열 5 - rgb(204, 166, 61), #CCA63D
|
오렌지색 계열 6 - rgb(153, 112, 0), #997000
|
오렌지색 계열 7 - rgb(102, 75, 0), #664B00
노란색 계열
|
노란색 계열 1 - rgb(255, 228, 0), #FFE400
|
노란색 계열 2 - rgb(250, 244, 192), #FAF4C0
|
노란색 계열 3 - rgb(250, 237, 125), #FAED7D
|
노란색 계열 4 - rgb(229, 216, 92), #E5D85C
|
노란색 계열 5 - rgb(196, 183, 59), #C4B73B
|
노란색 계열 6 - rgb(153, 138, 0), #998A00
|
노란색 계열 7 - rgb(102, 92, 0), #665C00
연두색 계열
|
연두색 계열 1 - rgb(171, 242, 0), #ABF200
|
연두색 계열 2 - rgb(228, 247, 186) ,#E4F7BA
|
연두색 계열 3 - rgb(206, 242, 121), #CEF279
|
연두색 계열 4 - rgb(188, 229, 92), #BCE55C
|
연두색 계열 5 - rgb(159, 201, 60), #9FC93C
|
연두색 계열 6 - rgb(107, 153, 0), #6B9900
|
연두색 계열 7 - rgb(71, 102, 0), #476600
초록색 계열
|
초록색 계열 1 - rgb(31, 218, 17), #1FDA11
|
초록색 계열 2 - rgb(206, 251, 201), #CEFBC9
|
초록색 계열 3 - rgb(183, 240, 177), #B7F0B1
|
초록색 게열 4 - rgb(134, 229, 127), #86E57F
|
초록색 계열 5 - rgb(71, 200, 62), #47C83E
|
초록색 계열 6 - rgb(47, 157, 39), #2F9D27
|
초록색 계열 7 - rgb(34, 116, 28), #22741C
하늘색 계열
|
하늘색 계열 1 - rgb(0, 216, 255), #00D8FF
|
하늘색 계열 2 - rgb(212, 244, 250), #D4F4FA
|
하늘색 계열 3 - rgb(178, 235, 244), #B2EBF4
|
하늘색 계열 4 - rgb(92, 209, 229), #5CD1E5
|
하늘색 계열 5 - rgb(61, 183, 204), #3DB7CC
|
하늘색 계열 6 - rgb(0, 130, 153), #008299
|
하늘색 계열 7 - rgb(0, 87, 102);, #005766
파란색 계열
|
파란색 계열 1 - rgb(0, 85, 255), #0055FF
|
파란색 계열 2 - rgb(217, 229, 255), #D9E5FF
|
파란색 계열 3 - rgb(178, 204, 255), #B2CCFF
|
파란색 계열 4 - rgb(102, 153, 255), #6699FF
|
파란색 계열 5 - rgb(65, 116, 217), #4174D9
|
파란색 계열 6 - rgb(0, 51, 153), #003399
|
파란색 계열 7 - rgb(0, 34, 102), #002266
청색 계열
|
청색 계열 1 - rgb(9, 0, 255), #0900FF
|
청색 계열 2 - rgb(218, 217, 255), #DAD9FF
|
청색 계열 3 - rgb(181, 178, 255), #B5B2FF
|
청색 계열 4 - rgb(107, 102, 255), #6B66FF
|
청색 계열 5 - rgb(70, 65, 217), #4641D9
|
청색 계열 6 - rgb(5, 0, 153), #050099
|
청색 계열 7 - rgb(3, 0, 102), #030066
보라색 계열
|
보라색 계열 1 - rgb(102, 0, 255), #6600FF
|
보라색 계열 2 - rgb(232, 217, 255), #E8D9FF
|
보라색 계열 3 - rgb(209, 178, 255), #D1B2FF
|
보라색 계열 4 - rgb(163, 102, 255), #A366FF
|
보라색 계열 5 - rgb(126, 65, 217), #7E41D9
|
보라색 계열 6 - rgb(61, 0, 153), #3D0099
|
보라색 계열 7 - rgb(41, 0, 102), #290066
핑크색 계열
|
핑크색 게열 1 - rgb(255, 0, 221), #FF00DD
|
핑크색 계열 2 - rgb(255, 217, 250), #FFD9FA
|
핑크색 게열 3 - rgb(255, 178, 245), #FFB2F5
|
핑크색 계열 4 - rgb(242, 97, 223), #F261DF
|
핑크색 계열 5 - rgb(217, 65, 197), #D941C5
|
핑크색 계열 6 - rgb(153, 0, 133), #990085
|
핑크색 계열 7 - rgb(102, 0, 88), #660058
주홍색 계열
|
주홍색 계열 1 - rgb(255, 0, 127), #FF007F
|
주홍색 계열 2 - rgb(255, 217, 236), #FFD9EC
|
주홍색 계열 3 - rgb(255, 178, 217) #FFB2D9
|
주홍색 계열 4 - rgb(242, 97, 170), #F261AA
|
주홍색 계열 5 - rgb(217, 65, 141), #D9418D
|
주홍색 계열 6 - rgb(153, 0, 76), #99004C
|
주홍색 계열 7 - rgb(102, 0, 51), #660033
검은색 계열
|
검은색 계열 1 - rgb(0, 0, 0), #FFFFFF
|
검은색 계열 2 - rgb(246, 246, 246), #F6F6F6
|
검은색 계열 3 - rgb(213, 213, 213), #D5D5D5
|
검은색 계열 4 - rgb(166, 166, 166), #A6A6A6
|
검은색 게열 5 - rgb(116, 116, 116), #747474
|
검은색 계열 6 - rgb(76, 76, 76), #4C4C4C
|
검은색 계열 7 - rgb(33, 33, 33), #212121
|
백색 계열 - rgb(0, 0, 0), #FFFFFF
후아; 정리하느라 팔 빠질 뻔했네요! 다들 색상 설정 할 때 마다 사이트 찾으러 다닐 필요 없이
한번에 볼 수 있도록 정리 했습니다.
앞으로 블로그를 꾸밀때 계속 사용해야 하니까 종종 들러서 확인하셔야 합니다.
그럼 긴글 봐주셔서 감사합니다.
'블로그 꾸미기' 카테고리의 다른 글
쉽게 티스토리 카테고리 만들고 꾸미기 [html/css] 편집 (1) | 2017.06.24 |
---|---|
기초적인 글쓰기, 폰트 HTML / CSS 용어정리 (0) | 2017.06.22 |
T스토리 기초적 스킨 편집 및 적용법 (기초적 꼼수) (0) | 2017.06.22 |
티스토리 센터설정 가이드 <기초> (0) | 2017.06.22 |
티스토리 카테고리 설정 하기 <기본> (0) | 2017.06.22 |
티스토리 관리탭 기본 설명 정리 (0) | 2017.06.21 |