#80427b
RGB ( 赤 = 128, 緑 = 66, 青 = 123 )
HSL ( 色相 = 305°, 彩度 = 32%, 明度 = 38% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #804742 : -300
15 : #805142 : -290
25 : #805c42 : -280
35 : #806642 : -270
45 : #807042 : -260
55 : #807b42 : -250
65 : #7b8042 : -240
75 : #708042 : -230
85 : #668042 : -220
95 : #5c8042 : -210
105 : #518042 : -200
115 : #478042 : -190
125 : #428047 : -180
135 : #428051 : -170
145 : #42805c : -160
155 : #428066 : -150
165 : #428070 : -140
175 : #42807b : -130
185 : #427b80 : -120
195 : #427080 : -110
205 : #426680 : -100
215 : #425c80 : -90
225 : #425180 : -80
235 : #424780 : -70
245 : #474280 : -60
255 : #514280 : -50
265 : #5c4280 : -40
275 : #664280 : -30
285 : #704280 : -20
295 : #7b4280 : -10
305 : #80427b : ±0
315 : #804270 : +10
325 : #804266 : +20
335 : #80425c : +30
345 : #804251 : +40
355 : #804247 : +50
295 : #7b4280 : -10
296 : #7c4280 : -9
297 : #7d4280 : -8
298 : #7e4280 : -7
299 : #7f4280 : -6
300 : #804280 : -5
301 : #80427f : -4
302 : #80427e : -3
303 : #80427d : -2
304 : #80427c : -1
305 : #80427b : ±0
306 : #80427a : +1
307 : #804279 : +2
308 : #804278 : +3
309 : #804277 : +4
310 : #804276 : +5
311 : #804275 : +6
312 : #804274 : +7
313 : #804272 : +8
314 : #804271 : +9
315 : #804270 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -32
2 : #635f63 : -30
4 : #655d64 : -28
6 : #675b66 : -26
8 : #695967 : -24
10 : #6b5769 : -22
12 : #6d556b : -20
14 : #6e536c : -18
16 : #70516e : -16
18 : #724f6f : -14
20 : #744e71 : -12
22 : #764c73 : -10
24 : #784a74 : -8
26 : #7a4876 : -6
28 : #7c4678 : -4
30 : #7e4479 : -2
32 : #80427b : ±0
34 : #82407c : +2
36 : #843e7e : +4
38 : #863c80 : +6
40 : #883a81 : +8
42 : #8a3883 : +10
44 : #8c3684 : +12
46 : #8d3486 : +14
48 : #8f3288 : +16
50 : #913089 : +18
52 : #932f8b : +20
54 : #952d8d : +22
56 : #972b8e : +24
58 : #992990 : +26
60 : #9b2791 : +28
62 : #9d2593 : +30
64 : #9f2395 : +32
66 : #a12196 : +34
68 : #a31f98 : +36
70 : #a51d99 : +38
72 : #a71b9b : +40
74 : #a9199d : +42
76 : #ab179e : +44
78 : #ac15a0 : +46
80 : #ae13a2 : +48
82 : #b011a3 : +50
84 : #b210a5 : +52
86 : #b40ea6 : +54
88 : #b60ca8 : +56
90 : #b80aaa : +58
92 : #ba08ab : +60
94 : #bc06ad : +62
96 : #be04ae : +64
98 : #c002b0 : +66
100 : #c200b2 : +68
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #070306 : -36
4 : #0d070d : -34
6 : #140a13 : -32
8 : #1b0e1a : -30
10 : #221120 : -28
12 : #281527 : -26
14 : #2f182d : -24
16 : #361c34 : -22
18 : #3d1f3a : -20
20 : #432341 : -18
22 : #4a2647 : -16
24 : #512a4e : -14
26 : #582d54 : -12
28 : #5e315a : -10
30 : #653461 : -8
32 : #6c3767 : -6
34 : #723b6e : -4
36 : #793e74 : -2
38 : #80427b : ±0
40 : #874581 : +2
42 : #8d4988 : +4
44 : #944c8e : +6
46 : #9b5095 : +8
48 : #a2539b : +10
50 : #a857a2 : +12
52 : #ac5da5 : +14
54 : #af64a9 : +16
56 : #b36bad : +18
58 : #b672b0 : +20
60 : #ba78b4 : +22
62 : #bd7fb8 : +24
64 : #c186bc : +26
66 : #c48dbf : +28
68 : #c893c3 : +30
70 : #cb9ac7 : +32
72 : #cea1cb : +34
74 : #d2a7ce : +36
76 : #d5aed2 : +38
78 : #d9b5d6 : +40
80 : #dcbcda : +42
82 : #e0c2dd : +44
84 : #e3c9e1 : +46
86 : #e7d0e5 : +48
88 : #ead7e9 : +50
90 : #eeddec : +52
92 : #f1e4f0 : +54
94 : #f5ebf4 : +56
96 : #f8f2f8 : +58
98 : #fcf8fb : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow