#80409c
RGB ( 赤 = 128, 緑 = 64, 青 = 156 )
HSL ( 色相 = 282°, 彩度 = 42%, 明度 = 43% )
H : 色相 ( 282° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #9c4340 : -280
12 : #9c5240 : -270
22 : #9c6140 : -260
32 : #9c7140 : -250
42 : #9c8040 : -240
52 : #9c8f40 : -230
62 : #999c40 : -220
72 : #899c40 : -210
82 : #7a9c40 : -200
92 : #6b9c40 : -190
102 : #5b9c40 : -180
112 : #4c9c40 : -170
122 : #409c43 : -160
132 : #409c52 : -150
142 : #409c61 : -140
152 : #409c71 : -130
162 : #409c80 : -120
172 : #409c8f : -110
182 : #40999c : -100
192 : #40899c : -90
202 : #407a9c : -80
212 : #406b9c : -70
222 : #405b9c : -60
232 : #404c9c : -50
242 : #43409c : -40
252 : #52409c : -30
262 : #61409c : -20
272 : #71409c : -10
282 : #80409c : ±0
292 : #8f409c : +10
302 : #9c4099 : +20
312 : #9c4089 : +30
322 : #9c407a : +40
332 : #9c406b : +50
342 : #9c405b : +60
352 : #9c404c : +70
272 : #71409c : -10
273 : #72409c : -9
274 : #74409c : -8
275 : #75409c : -7
276 : #77409c : -6
277 : #78409c : -5
278 : #7a409c : -4
279 : #7b409c : -3
280 : #7d409c : -2
281 : #7f409c : -1
282 : #80409c : ±0
283 : #82409c : +1
284 : #83409c : +2
285 : #85409c : +3
286 : #86409c : +4
287 : #88409c : +5
288 : #89409c : +6
289 : #8b409c : +7
290 : #8c409c : +8
291 : #8e409c : +9
292 : #8f409c : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -42
2 : #6f6b70 : -40
4 : #6f6972 : -38
6 : #706774 : -36
8 : #716576 : -34
10 : #726379 : -32
12 : #73607b : -30
14 : #745e7d : -28
16 : #755c7f : -26
18 : #765a81 : -24
20 : #765884 : -22
22 : #775686 : -20
24 : #785388 : -18
26 : #79518a : -16
28 : #7a4f8c : -14
30 : #7b4d8f : -12
32 : #7c4b91 : -10
34 : #7d4893 : -8
36 : #7d4695 : -6
38 : #7e4497 : -4
40 : #7f429a : -2
42 : #80409c : ±0
44 : #813d9e : +2
46 : #823ba0 : +4
48 : #8339a2 : +6
50 : #8437a4 : +8
52 : #8435a7 : +10
54 : #8532a9 : +12
56 : #8630ab : +14
58 : #872ead : +16
60 : #882caf : +18
62 : #892ab2 : +20
64 : #8a27b4 : +22
66 : #8b25b6 : +24
68 : #8b23b8 : +26
70 : #8c21ba : +28
72 : #8d1fbd : +30
74 : #8e1dbf : +32
76 : #8f1ac1 : +34
78 : #9018c3 : +36
80 : #9116c5 : +38
82 : #9214c8 : +40
84 : #9212ca : +42
86 : #930fcc : +44
88 : #940dce : +46
90 : #950bd0 : +48
92 : #9609d3 : +50
94 : #9707d5 : +52
96 : #9804d7 : +54
98 : #9902d9 : +56
100 : #9a00db : +58
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -42
3 : #09040b : -40
5 : #0f0712 : -38
7 : #150a19 : -36
9 : #1b0d21 : -34
11 : #211028 : -32
13 : #27132f : -30
15 : #2d1636 : -28
17 : #33193e : -26
19 : #391c45 : -24
21 : #3f1f4c : -22
23 : #452253 : -20
25 : #4a255b : -18
27 : #502862 : -16
29 : #562b69 : -14
31 : #5c2e70 : -12
33 : #623177 : -10
35 : #68347f : -8
37 : #6e3786 : -6
39 : #743a8d : -4
41 : #7a3d94 : -2
43 : #80409c : ±0
45 : #8643a3 : +2
47 : #8c46aa : +4
49 : #9248b1 : +6
51 : #974eb7 : +8
53 : #9b55b9 : +10
55 : #a05cbc : +12
57 : #a463bf : +14
59 : #a86bc2 : +16
61 : #ac72c5 : +18
63 : #b179c8 : +20
65 : #b580cb : +22
67 : #b988ce : +24
69 : #bd8fd1 : +26
71 : #c196d4 : +28
73 : #c69dd7 : +30
75 : #caa4da : +32
77 : #ceacdd : +34
79 : #d2b3e0 : +36
81 : #d7bae3 : +38
83 : #dbc1e6 : +40
85 : #dfc9e9 : +42
87 : #e3d0ec : +44
89 : #e8d7ef : +46
91 : #ecdef2 : +48
93 : #f0e6f5 : +50
95 : #f4edf8 : +52
97 : #f9f4fb : +54
99 : #fdfbfe : +56
CSS入門、作ってます。
text-shadow