html 편집을 하면 가장 먼저 뭘 정리해야 할까 라는 생각을 했는데 


아무래도 색상 변경을 가장 많이 사용한다고 생각해서 정리 하였습니다.







빨간색 계열


 

 


빨간색 계열1 - rgb(255, 0, 0), #ff0000


 


빨간색 계열2 -  rgb(255, 216, 216), #FFD8D8


 


빨간색 계열3 - rgb(255, 167, 167), #FFA7A7

 


빨간색 계열4 - rgb(241, 95, 95), #F15F5F

 


빨간색 계열5- rgb(204, 61, 61)#CC3D3D

 


빨간색 계열6 - rgb(152, 0, 0),#980000

 


빨간색 계열 7 -  rgb(103, 0, 0)#670000




주황색 계열

 


주황색 계열1 - rgb(255, 94, 0), #FF5E00

 


주황색 계열 2 - rgb(250, 224, 212) ,FAE0D4


 


주황색 계열 3 - rgb(255, 193, 158), #FFC19E

 


주황색 게열 4 - rgb(242, 150, 97), #F29661


 


주황색 계열 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


 


노란색 계열 3rgb(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





후아; 정리하느라 팔 빠질 뻔했네요! 다들 색상 설정 할 때 마다 사이트 찾으러 다닐 필요 없이


한번에 볼 수 있도록 정리 했습니다. 


앞으로 블로그를 꾸밀때 계속 사용해야 하니까 종종 들러서 확인하셔야 합니다.



그럼 긴글 봐주셔서 감사합니다.






블로그 이미지

로멘

정보 및 리뷰 블로거 _(^@_

,