#050701
RGB ( 赤 = 5, 緑 = 7, 青 = 1 )
HSL ( 色相 = 80°, 彩度 = 75%, 明度 = 2% )
H : 色相 ( 80° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #090101 : -80
10 : #090301 : -70
20 : #090401 : -60
30 : #090501 : -50
40 : #090601 : -40
50 : #090801 : -30
60 : #090901 : -20
70 : #080901 : -10
80 : #060901 : ±0
90 : #050901 : +10
100 : #040901 : +20
110 : #030901 : +30
120 : #010901 : +40
130 : #010903 : +50
140 : #010904 : +60
150 : #010905 : +70
160 : #010906 : +80
170 : #010908 : +90
180 : #010909 : +100
190 : #010809 : +110
200 : #010609 : +120
210 : #010509 : +130
220 : #010409 : +140
230 : #010309 : +150
240 : #010109 : +160
250 : #030109 : +170
260 : #040109 : +180
270 : #050109 : +190
280 : #060109 : +200
290 : #080109 : +210
300 : #090109 : +220
310 : #090108 : +230
320 : #090106 : +240
330 : #090105 : +250
340 : #090104 : +260
350 : #090103 : +270
70 : #080901 : -10
71 : #080901 : -9
72 : #070901 : -8
73 : #070901 : -7
74 : #070901 : -6
75 : #070901 : -5
76 : #070901 : -4
77 : #070901 : -3
78 : #070901 : -2
79 : #070901 : -1
80 : #060901 : ±0
81 : #060901 : +1
82 : #060901 : +2
83 : #060901 : +3
84 : #060901 : +4
85 : #060901 : +5
86 : #060901 : +6
87 : #050901 : +7
88 : #050901 : +8
89 : #050901 : +9
90 : #050901 : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #050505 : -74
3 : #050505 : -72
5 : #050505 : -70
7 : #050505 : -68
9 : #050605 : -66
11 : #050605 : -64
13 : #050604 : -62
15 : #050604 : -60
17 : #050604 : -58
19 : #050604 : -56
21 : #050604 : -54
23 : #050604 : -52
25 : #060604 : -50
27 : #060604 : -48
29 : #060704 : -46
31 : #060704 : -44
33 : #060703 : -42
35 : #060703 : -40
37 : #060703 : -38
39 : #060703 : -36
41 : #060703 : -34
43 : #060703 : -32
45 : #060703 : -30
47 : #060703 : -28
49 : #060803 : -26
51 : #060802 : -24
53 : #060802 : -22
55 : #060802 : -20
57 : #060802 : -18
59 : #060802 : -16
61 : #060802 : -14
63 : #060802 : -12
65 : #060802 : -10
67 : #060902 : -8
69 : #060902 : -6
71 : #060901 : -4
73 : #060901 : -2
75 : #060901 : ±0
77 : #060901 : +2
79 : #060901 : +4
81 : #060901 : +6
83 : #070901 : +8
85 : #070901 : +10
87 : #070a01 : +12
89 : #070a01 : +14
91 : #070a00 : +16
93 : #070a00 : +18
95 : #070a00 : +20
97 : #070a00 : +22
99 : #070a00 : +24
L : 明度 ( 2% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -2
2 : #060901 : ±0
4 : #0d1203 : +2
6 : #131b04 : +4
8 : #1a2405 : +6
10 : #202d06 : +8
12 : #263608 : +10
14 : #2d3e09 : +12
16 : #33470a : +14
18 : #39500b : +16
20 : #40590d : +18
22 : #46620e : +20
24 : #4d6b0f : +22
26 : #537411 : +24
28 : #597d12 : +26
30 : #608613 : +28
32 : #668f14 : +30
34 : #6c9816 : +32
36 : #73a117 : +34
38 : #79aa18 : +36
40 : #80b31a : +38
42 : #86bb1b : +40
44 : #8cc41c : +42
46 : #93cd1d : +44
48 : #99d61f : +46
50 : #9fdf20 : +48
52 : #a3e029 : +50
54 : #a7e232 : +52
56 : #abe33b : +54
58 : #afe444 : +56
60 : #b3e64d : +58
62 : #b6e755 : +60
64 : #bae85e : +62
66 : #bee967 : +64
68 : #c2eb70 : +66
70 : #c6ec79 : +68
72 : #c9ed82 : +70
74 : #cdee8b : +72
76 : #d1f094 : +74
78 : #d5f19d : +76
80 : #d9f2a6 : +78
82 : #ddf4af : +80
84 : #e0f5b8 : +82
86 : #e4f6c1 : +84
88 : #e8f7c9 : +86
90 : #ecf9d2 : +88
92 : #f0fadb : +90
94 : #f4fbe4 : +92
96 : #f7fced : +94
98 : #fbfef6 : +96
100 : #ffffff : +98
CSS入門、作ってます。
text-shadow