#890501
RGB ( 赤 = 137, 緑 = 5, 青 = 1 )
HSL ( 色相 = 2°, 彩度 = 99%, 明度 = 27% )
H : 色相 ( 2° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #890501 : ±0
12 : #891c01 : +10
22 : #893301 : +20
32 : #894901 : +30
42 : #896001 : +40
52 : #897701 : +50
62 : #848901 : +60
72 : #6e8901 : +70
82 : #578901 : +80
92 : #408901 : +90
102 : #2a8901 : +100
112 : #138901 : +110
122 : #018905 : +120
132 : #01891c : +130
142 : #018933 : +140
152 : #018949 : +150
162 : #018960 : +160
172 : #018977 : +170
182 : #018489 : +180
192 : #016e89 : +190
202 : #015789 : +200
212 : #014089 : +210
222 : #012a89 : +220
232 : #011389 : +230
242 : #050189 : +240
252 : #1c0189 : +250
262 : #330189 : +260
272 : #490189 : +270
282 : #600189 : +280
292 : #770189 : +290
302 : #890184 : +300
312 : #89016e : +310
322 : #890157 : +320
332 : #890140 : +330
342 : #89012a : +340
352 : #890113 : +350
352 : #890113 : +350
353 : #890111 : +351
354 : #89010e : +352
355 : #89010c : +353
356 : #89010a : +354
357 : #890108 : +355
358 : #890105 : +356
359 : #890103 : +357
0 : #890101 : -2
1 : #890301 : -1
2 : #890501 : ±0
3 : #890801 : +1
4 : #890a01 : +2
5 : #890c01 : +3
6 : #890e01 : +4
7 : #891101 : +5
8 : #891301 : +6
9 : #891501 : +7
10 : #891701 : +8
11 : #891a01 : +9
12 : #891c01 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464444 : -98
3 : #474343 : -96
5 : #484241 : -94
7 : #4a4040 : -92
9 : #4b3f3f : -90
11 : #4c3e3d : -88
13 : #4e3c3c : -86
15 : #4f3b3b : -84
17 : #513a39 : -82
19 : #523938 : -80
21 : #533736 : -78
23 : #553635 : -76
25 : #563534 : -74
27 : #573332 : -72
29 : #593231 : -70
31 : #5a3130 : -68
33 : #5c302e : -66
35 : #5d2e2d : -64
37 : #5e2d2b : -62
39 : #602c2a : -60
41 : #612b29 : -58
43 : #622927 : -56
45 : #642826 : -54
47 : #652724 : -52
49 : #672523 : -50
51 : #682422 : -48
53 : #692320 : -46
55 : #6b221f : -44
57 : #6c201e : -42
59 : #6d1f1c : -40
61 : #6f1e1b : -38
63 : #701c19 : -36
65 : #721b18 : -34
67 : #731a17 : -32
69 : #741915 : -30
71 : #761714 : -28
73 : #771613 : -26
75 : #781511 : -24
77 : #7a1310 : -22
79 : #7b120e : -20
81 : #7d110d : -18
83 : #7e100c : -16
85 : #7f0e0a : -14
87 : #810d09 : -12
89 : #820c08 : -10
91 : #840a06 : -8
93 : #850905 : -6
95 : #860803 : -4
97 : #880702 : -2
99 : #890501 : ±0
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050000 : -26
3 : #0f0100 : -24
5 : #190100 : -22
7 : #240100 : -20
9 : #2e0200 : -18
11 : #380200 : -16
13 : #420300 : -14
15 : #4c0300 : -12
17 : #560300 : -10
19 : #600400 : -8
21 : #6b0401 : -6
23 : #750401 : -4
25 : #7f0501 : -2
27 : #890501 : ±0
29 : #930601 : +2
31 : #9d0601 : +4
33 : #a70601 : +6
35 : #b20701 : +8
37 : #bc0701 : +10
39 : #c60801 : +12
41 : #d00801 : +14
43 : #da0801 : +16
45 : #e40901 : +18
47 : #ef0901 : +20
49 : #f90901 : +22
51 : #fe0f06 : +24
53 : #fe1810 : +26
55 : #fe221b : +28
57 : #fe2c25 : +30
59 : #fe362f : +32
61 : #fe4039 : +34
63 : #fe4943 : +36
65 : #fe534d : +38
67 : #fe5d58 : +40
69 : #fe6762 : +42
71 : #fe716c : +44
73 : #fe7b76 : +46
75 : #fe8480 : +48
77 : #fe8e8a : +50
79 : #fe9894 : +52
81 : #ffa29f : +54
83 : #ffaca9 : +56
85 : #ffb5b3 : +58
87 : #ffbfbd : +60
89 : #ffc9c7 : +62
91 : #ffd3d1 : +64
93 : #ffdddb : +66
95 : #ffe6e6 : +68
97 : #fff0f0 : +70
99 : #fffafa : +72
CSS入門、作ってます。
text-shadow