|
|
(같은 사용자의 중간 판 5개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
| [[분류:웹]][[분류:색상]] | | [[분류:웹]][[분류:색상]] |
| | 웹에서 사용하는 색상 목록이다. |
|
| |
|
| | ==목록== |
| | {{색상목록}} |
| | {{색상목록 계열별}} |
|
| |
|
| {| class="wikitable sortable mw-collapsible mw-collapseddd " width="100%" style="font-family: 굴림체, Couries New;"
| | ==참고하기== |
| |+ colspan="5" {{색|#ffdead|<big>글자 색상 목록</big>}}
| | * [[웹 안전 색상]] |
| ! width=40%| 컬러명 !! Width=28%| 색상값 !! Width=10%| 빨 !! width=10%| 노 !! width=10%| 파
| |
| |-
| |
| | indianred || style="background-color:#cd5c5c"| #cd5c5c || cd || 5c ||5c
| |
| |-
| |
| | lightcoral || style="background-color:#f08080"| #f08080 || f0 || 80 ||80
| |
| |-
| |
| | orangered || style="background-color:#ff4500"| #ff4500 || ff || 45 ||00
| |
| |-
| |
| | crimson || style="background-color:#dc143c"| #dc143c || dc || 14 ||3c
| |
| |-
| |
| | darkred || style="background-color:#8b0000"| #8b0000 || 8b || 00 ||00
| |
| |-
| |
| | pink || style="background-color:#ffc0cb"| #ffc0cb || ff || c0 ||cb
| |
| |-
| |
| | hotpink || style="background-color:#ff69b4"| #ff69b4 || ff || 69 ||b4
| |
| |-
| |
| | palevioletred || style="background-color:#db7093"| #db7093 || db || 70 ||93
| |
| |-
| |
| | khaki || style="background-color:#f0e68c"| #f0e68c || f0 || e6 ||8c
| |
| |-
| |
| | lightgoldenrodyellow || style="background-color:#fafad2"| #fafad2 || fa || fa ||d2
| |
| |-
| |
| | lemonchiffon || style="background-color:#fffacd"| #fffacd || ff || fa ||cd
| |
| |-
| |
| | gold || style="background-color:#ffd700"| #ffd700 || ff || d7 ||00
| |
| |-
| |
| | moccasin || style="background-color:#ffe4b5"| #ffe4b5 || ff || e4 ||b5
| |
| |-
| |
| | cyan || style="background-color:#00ffff"| #00ffff || 00 || ff ||ff
| |
| |-
| |
| | aquamarine || style="background-color:#7fffd4"| #7fffd4 || 7f || ff ||d4
| |
| |-
| |
| | mediumturquoise || style="background-color:#48d1cc"| #48d1cc || 48 || d1 ||cc
| |
| |-
| |
| | cadetblue || style="background-color:#5f9ea0"| #5f9ea0 || 5f || 9e ||a0
| |
| |-
| |
| | lightcyan || style="background-color:#e0ffff"| #e0ffff || e0 || ff ||ff
| |
| |-
| |
| | powderblue || style="background-color:#b0e0e6"| #b0e0e6 || b0 || e0 ||e6
| |
| |-
| |
| | steelblue || style="background-color:#4682b4"| #4682b4 || 46 || 82 ||b4
| |
| |-
| |
| | skyblue || style="background-color:#87ceeb"| #87ceeb || 87 || ce ||eb
| |
| |-
| |
| | deepskyblue || style="background-color:#00bfff"| #00bfff || 00 || bf ||ff
| |
| |-
| |
| | royalblue || style="background-color:#4169e1"| #4169e1 || 41 || 69 ||e1
| |
| |-
| |
| | dodgerblue || style="background-color:#1e90ff"| #1e90ff || 1e || 90 ||ff
| |
| |-
| |
| | mediumblue || style="background-color:#0000cd"| #0000cd || 00 || 00 ||cd
| |
| |-
| |
| | navy || style="background-color:#000080"| #000080 || 00 || 00 ||80
| |
| |-
| |
| | lightsalmon || style="background-color:#ffa07a"| #ffa07a || ff || a0 ||7a
| |
| |-
| |
| | darkorange || style="background-color:#ff8c00"| #ff8c00 || ff || 8c ||00
| |
| |-
| |
| | tomato || style="background-color:#ff6347"| #ff6347 || ff || 63 ||47
| |
| |-
| |
| | aquamarine || style="background-color:#7fffd4"| #7fffd4 || 7f || ff ||d4
| |
| |-
| |
| | springgreen || style="background-color:#00ff7f"| #00ff7f || 00 || ff ||7f
| |
| |-
| |
| | greenyellow || style="background-color:#adff2f"| #adff2f || ad || ff ||2f
| |
| |-
| |
| | lawngreen || style="background-color:#7cfc00"| #7cfc00 || 7c || fc ||00
| |
| |-
| |
| | lightgreen || style="background-color:#90ee90"| #90ee90 || 90 || ee ||90
| |
| |-
| |
| | limegreen || style="background-color:#32cd32"| #32cd32 || 32 || cd ||32
| |
| |-
| |
| | darkseagreen || style="background-color:#8fbc8f"| #8fbc8f || 8f || bc ||8f
| |
| |-
| |
| | seagreen || style="background-color:#2e8b57"| #2e8b57 || 2e || 8b ||57
| |
| |-
| |
| | olivedrab || style="background-color:#6b8e23"| #6b8e23 || 6b || 8e ||23
| |
| |-
| |
| | darkolivegreen || style="background-color:#556b2f"| #556b2f || 55 || 6b ||2f
| |
| |-
| |
| | mediumaquamarine || style="background-color:#66cdaa"| #66cdaa || 66 || cd ||aa
| |
| |-
| |
| | lightseagreen || style="background-color:#20b2aa"| #20b2aa || 20 || b2 ||aa
| |
| |-
| |
| | teal || style="background-color:#008080"| #008080 || 00 || 80 ||80
| |
| |-
| |
| | thistle || style="background-color:#d8bfd8"| #d8bfd8 || d8 || bf ||d8
| |
| |-
| |
| | violet || style="background-color:#ee82ee"| #ee82ee || ee || 82 ||ee
| |
| |-
| |
| | magenta || style="background-color:#ff00ff"| #ff00ff || ff || 00 ||ff
| |
| |-
| |
| | mediumorchid || style="background-color:#ba55d3"| #ba55d3 || ba || 55 ||d3
| |
| |-
| |
| | blueviolet || style="background-color:#8a2be2"| #8a2be2 || 8a || 2b ||e2
| |
| |-
| |
| | mediumpurple || style="background-color:#9370db"| #9370db || 93 || 70 ||db
| |
| |-
| |
| | purple || style="background-color:#800080"| #800080 || 80 || 00 ||80
| |
| |-
| |
| | darkslateblue || style="background-color:#483d8b"| #483d8b || 48 || 3d ||8b
| |
| |-
| |
| | honeydew || style="background-color:#f0fff0"| #f0fff0 || f0 || ff ||f0
| |
| |-
| |
| | azure || style="background-color:#f0ffff"| #f0ffff || f0 || ff ||ff
| |
| |-
| |
| | ghostwhite || style="background-color:#f8f8ff"| #f8f8ff || f8 || f8 ||ff
| |
| |-
| |
| | lavenderblush || style="background-color:#fff0f5"| #fff0f5 || ff || f0 ||f5
| |
| |-
| |
| | antiquewhite || style="background-color:#faebd7"| #faebd7 || fa || eb ||d7
| |
| |-
| |
| | snow || style="background-color:#fffafa"| #fffafa || ff || fa ||fa
| |
| |-
| |
| | beige || style="background-color:#f5f5dc"| #f5f5dc || f5 || f5 ||dc
| |
| |-
| |
| | oldlace || style="background-color:#fdf5e6"| #fdf5e6 || fd || f5 ||e6
| |
| |-
| |
| | ivory || style="background-color:#fffff0"| #fffff0 || ff || ff ||f0
| |
| |-
| |
| | lightgrey || style="background-color:#d3d3d3"| #d3d3d3 || d3 || d3 ||d3
| |
| |-
| |
| | darkgray || style="background-color:#a9a9a9"| #a9a9a9 || a9 || a9 ||a9
| |
| |-
| |
| | dimgray || style="background-color:#696969"| #696969 || 69 || 69 ||69
| |
| |-
| |
| | lightslategray || style="background-color:#778899"| #778899 || 77 || 88 ||99
| |
| |-
| |
| | cornsilk || style="background-color:#fff8dc"| #fff8dc || ff || f8 ||dc
| |
| |-
| |
| | bisque || style="background-color:#ffe4c4"| #ffe4c4 || ff || e4 ||c4
| |
| |-
| |
| | wheat || style="background-color:#f5deb3"| #f5deb3 || f5 || de ||b3
| |
| |-
| |
| | goldenrod || style="background-color:#daa520"| #daa520 || da || a5 ||20
| |
| |-
| |
| | peru || style="background-color:#cd853f"| #cd853f || cd || 85 ||3f
| |
| |-
| |
| | maroon || style="background-color:#800000"| #800000 || 80 || 00 ||00
| |
| |-
| |
| | brown || style="background-color:#a52a2a"| #a52a2a || a5 || 2a ||2a
| |
| |-
| |
| | darkred || style="background-color:#8b0000"| #8b0000 || 8b || 00 ||00
| |
| |-
| |
| | tan || style="background-color:#d2b48c"| #d2b48c || d2 || b4 ||8c
| |
| |-
| |
| | black || style="background-color:#000000"| #000000 || 00 || 00 ||00
| |
| |-
| |
| | darksalmon || style="background-color:#e9967a"| #e9967a || e9 || 96 ||7a
| |
| |-
| |
| | salmon || style="background-color:#fa8072"| #fa8072 || fa || 80 ||72
| |
| |-
| |
| | red || style="background-color:#ff0000"| #ff0000 || ff || 00 ||00
| |
| |-
| |
| | firebrick || style="background-color:#b22222"| #b22222 || b2 || 22 ||22
| |
| |-
| |
| | mediumvioletred || style="background-color:#c71585"| #c71585 || c7 || 15 ||85
| |
| |-
| |
| | lightpink || style="background-color:#ffb6c1"| #ffb6c1 || ff || b6 ||c1
| |
| |-
| |
| | deeppink || style="background-color:#ff1493"| #ff1493 || ff || 14 ||93
| |
| |-
| |
| | darkkhaki || style="background-color:#bdb76b"| #bdb76b || bd || b7 ||6b
| |
| |-
| |
| | palegoldenrod || style="background-color:#eee8aa"| #eee8aa || ee || e8 ||aa
| |
| |-
| |
| | lightyellow || style="background-color:#ffffe0"| #ffffe0 || ff || ff ||e0
| |
| |-
| |
| | yellow || style="background-color:#ffff00"| #ffff00 || ff || ff ||00
| |
| |-
| |
| | papayawhip || style="background-color:#ffefd5"| #ffefd5 || ff || ef ||d5
| |
| |-
| |
| | peachpuff || style="background-color:#ffdab9"| #ffdab9 || ff || da ||b9
| |
| |-
| |
| | aqua || style="background-color:#00ffff"| #00ffff || 00 || ff ||ff
| |
| |-
| |
| | turquoise || style="background-color:#40e0d0"| #40e0d0 || 40 || e0 ||d0
| |
| |-
| |
| | darkturquoise || style="background-color:#00ced1"| #00ced1 || 00 || ce ||d1
| |
| |-
| |
| | slategray || style="background-color:#708090"| #708090 || 70 || 80 ||90
| |
| |-
| |
| | paleturquoise || style="background-color:#afeeee"| #afeeee || af || ee ||ee
| |
| |-
| |
| | lightsteelblue || style="background-color:#b0c4de"| #b0c4de || b0 || c4 ||de
| |
| |-
| |
| | lightblue || style="background-color:#add8e6"| #add8e6 || ad || d8 ||e6
| |
| |-
| |
| | lightskyblue || style="background-color:#87cefa"| #87cefa || 87 || ce ||fa
| |
| |-
| |
| | cornflowerblue || style="background-color:#6495ed"| #6495ed || 64 || 95 ||ed
| |
| |-
| |
| | mediumslateblue || style="background-color:#7b68ee"| #7b68ee || 7b || 68 ||ee
| |
| |-
| |
| | blue || style="background-color:#0000ff"| #0000ff || 00 || 00 ||ff
| |
| |-
| |
| | darkblue || style="background-color:#00008b"| #00008b || 00 || 00 ||8b
| |
| |-
| |
| | midnightblue || style="background-color:#191970"| #191970 || 19 || 19 ||70
| |
| |-
| |
| | orange || style="background-color:#ffa500"| #ffa500 || ff || a5 ||00
| |
| |-
| |
| | coral || style="background-color:#ff7f50"| #ff7f50 || ff || 7f ||50
| |
| |-
| |
| | orangered || style="background-color:#ff4500"| #ff4500 || ff || 45 ||00
| |
| |-
| |
| | mediumspringgreen || style="background-color:#00fa9a"| #00fa9a || 00 || fa ||9a
| |
| |-
| |
| | palegreen || style="background-color:#98fb98"| #98fb98 || 98 || fb ||98
| |
| |-
| |
| | chartreuse || style="background-color:#7fff00"| #7fff00 || 7f || ff ||00
| |
| |-
| |
| | lime || style="background-color:#00ff00"| #00ff00 || 00 || ff ||00
| |
| |-
| |
| | yellowgreen || style="background-color:#9acd32"| #9acd32 || 9a || cd ||32
| |
| |-
| |
| | mediumseagreen || style="background-color:#3cb371"| #3cb371 || 3c || b3 ||71
| |
| |-
| |
| | forestgreen || style="background-color:#228b22"| #228b22 || 22 || 8b ||22
| |
| |-
| |
| | green || style="background-color:#008000"| #008000 || 00 || 80 ||00
| |
| |-
| |
| | olive || style="background-color:#808000"| #808000 || 80 || 80 ||00
| |
| |-
| |
| | darkgreen || style="background-color:#006400"| #006400 || 00 || 64 ||00
| |
| |-
| |
| | turquoise || style="background-color:#40e0d0"| #40e0d0 || 40 || e0 ||d0
| |
| |-
| |
| | darkcyan || style="background-color:#008b8b"| #008b8b || 00 || 8b ||8b
| |
| |-
| |
| | lavender || style="background-color:#e6e6fa"| #e6e6fa || e6 || e6 ||fa
| |
| |-
| |
| | plum || style="background-color:#dda0dd"| #dda0dd || dd || a0 ||dd
| |
| |-
| |
| | fuchsia || style="background-color:#ff77ff"| #ff77ff || ff || 77 ||ff
| |
| |-
| |
| | orchid || style="background-color:#da70d6"| #da70d6 || da || 70 ||d6
| |
| |-
| |
| | darkorchid || style="background-color:#9932cc"| #9932cc || 99 || 32 ||cc
| |
| |-
| |
| | darkviolet || style="background-color:#9400d3"| #9400d3 || 94 || 00 ||d3
| |
| |-
| |
| | slateblue || style="background-color:#6a5acd"| #6a5acd || 6a || 5a ||cd
| |
| |-
| |
| | darkmagenta || style="background-color:#8b008b"| #8b008b || 8b || 00 ||8b
| |
| |-
| |
| | indigo || style="background-color:#4b0082"| #4b0082 || 4b || 00 ||82
| |
| |-
| |
| | mintcream || style="background-color:#f5fffa"| #f5fffa || f5 || ff ||fa
| |
| |-
| |
| | aliceblue || style="background-color:#f0f8ff"| #f0f8ff || f0 || f8 ||ff
| |
| |-
| |
| | whitesmoke || style="background-color:#f5f5f5"| #f5f5f5 || f5 || f5 ||f5
| |
| |-
| |
| | mistyrose || style="background-color:#ffe4e1"| #ffe4e1 || ff || e4 ||e1
| |
| |-
| |
| | seashell || style="background-color:#fff5ee"| #fff5ee || ff || f5 ||ee
| |
| |-
| |
| | white || style="background-color:#ffffff"| #ffffff || ff || ff ||ff
| |
| |-
| |
| | linen || style="background-color:#faf0e6"| #faf0e6 || fa || f0 ||e6
| |
| |-
| |
| | floralwhite || style="background-color:#fffaf0"| #fffaf0 || ff || fa ||f0
| |
| |-
| |
| | gainsboro || style="background-color:#dcdcdc"| #dcdcdc || dc || dc ||dc
| |
| |-
| |
| | silver || style="background-color:#c0c0c0"| #c0c0c0 || c0 || c0 ||c0
| |
| |-
| |
| | gray || style="background-color:#808080"| #808080 || 80 || 80 ||80
| |
| |-
| |
| | darkslategray || style="background-color:#2f4f4f"| #2f4f4f || 2f || 4f ||4f
| |
| |-
| |
| | slategray || style="background-color:#708090"| #708090 || 70 || 80 ||90
| |
| |-
| |
| | blanchedalmond || style="background-color:#ffebcd"| #ffebcd || ff || eb ||cd
| |
| |-
| |
| | navajowhite || style="background-color:#ffdead"| #ffdead || ff || de ||ad
| |
| |-
| |
| | sandybrown || style="background-color:#f4a460"| #f4a460 || f4 || a4 ||60
| |
| |-
| |
| | darkgoldenrod || style="background-color:#b8860b"| #b8860b || b8 || 86 ||0b
| |
| |-
| |
| | chocolate || style="background-color:#d2691e"| #d2691e || d2 || 69 ||1e
| |
| |-
| |
| | saddlebrown || style="background-color:#8b4513"| #8b4513 || 8b || 45 ||13
| |
| |-
| |
| | sienna || style="background-color:#a0522d"| #a0522d || a0 || 52 ||2d
| |
| |-
| |
| | burlywood || style="background-color:#deb887"| #deb887 || de || b8 ||87
| |
| |-
| |
| | rosybrown || style="background-color:#bc8f8f"| #bc8f8f || bc || 8f ||8f
| |
| |-
| |
| | chrome || style="background-color:#F7E600"| #F7E600 || F7 || E6 ||00
| |
|
| |
|
| |}
| | 표 적성시 도움이되는 싸이트 |
| | |
| | * 더 많은 CSS 색상명과 헥스코드로 된 색상값은 다음 문서를 참조바랍니다.<br> |
| | :- [https://www.w3schools.com/colors/colors_hex.asp 색상명과 색상값- 헥사코드순 정렬] |
| | :- [https://www.w3schools.com/colors/colors_names.asp 색상명과 색상값-이름순 정렬] |
| | |
| | * 색상 추출 프로그램 |
| | :- [https://www.google.com/search?q=color+picker 구글 컬러픽커] |
| | |
| | * [http://www.hipenpal.com/tool/html-color-charts-rgb-color-table-in-korean.php 색상 추출기 및 색상표 제공] |
| | |
| | * [https://www.google.com/search?q=color+picker#scso=_tCEoX6HOIIOmoASPrqaQDQ7:103.40740966796875 구글 컬러픽커 ] |