#645284
RGB ( 赤 = 100, 緑 = 82, 青 = 132 )
HSL ( 色相 = 262°, 彩度 = 23%, 明度 = 42% )
H : 色相 ( 262° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #845452 : -260
12 : #845c52 : -250
22 : #846552 : -240
32 : #846d52 : -230
42 : #847552 : -220
52 : #847d52 : -210
62 : #828452 : -200
72 : #7a8452 : -190
82 : #728452 : -180
92 : #698452 : -170
102 : #618452 : -160
112 : #598452 : -150
122 : #528454 : -140
132 : #52845c : -130
142 : #528465 : -120
152 : #52846d : -110
162 : #528475 : -100
172 : #52847d : -90
182 : #528284 : -80
192 : #527a84 : -70
202 : #527284 : -60
212 : #526984 : -50
222 : #526184 : -40
232 : #525984 : -30
242 : #545284 : -20
252 : #5c5284 : -10
262 : #655284 : ±0
272 : #6d5284 : +10
282 : #755284 : +20
292 : #7d5284 : +30
302 : #845282 : +40
312 : #84527a : +50
322 : #845272 : +60
332 : #845269 : +70
342 : #845261 : +80
352 : #845259 : +90
252 : #5c5284 : -10
253 : #5d5284 : -9
254 : #5e5284 : -8
255 : #5f5284 : -7
256 : #605284 : -6
257 : #605284 : -5
258 : #615284 : -4
259 : #625284 : -3
260 : #635284 : -2
261 : #645284 : -1
262 : #655284 : ±0
263 : #655284 : +1
264 : #665284 : +2
265 : #675284 : +3
266 : #685284 : +4
267 : #695284 : +5
268 : #695284 : +6
269 : #6a5284 : +7
270 : #6b5284 : +8
271 : #6c5284 : +9
272 : #6d5284 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6b6a6c : -22
3 : #6a686e : -20
5 : #6a6670 : -18
7 : #696473 : -16
9 : #696175 : -14
11 : #685f77 : -12
13 : #675d79 : -10
15 : #675b7b : -8
17 : #66597d : -6
19 : #66577f : -4
21 : #655582 : -2
23 : #655284 : ±0
25 : #645086 : +2
27 : #634e88 : +4
29 : #634c8a : +6
31 : #624a8c : +8
33 : #62488e : +10
35 : #614691 : +12
37 : #614393 : +14
39 : #604195 : +16
41 : #5f3f97 : +18
43 : #5f3d99 : +20
45 : #5e3b9b : +22
47 : #5e399d : +24
49 : #5d37a0 : +26
51 : #5d34a2 : +28
53 : #5c32a4 : +30
55 : #5b30a6 : +32
57 : #5b2ea8 : +34
59 : #5a2caa : +36
61 : #5a2aac : +38
63 : #5928af : +40
65 : #5925b1 : +42
67 : #5823b3 : +44
69 : #5721b5 : +46
71 : #571fb7 : +48
73 : #561db9 : +50
75 : #561bbb : +52
77 : #5519be : +54
79 : #5516c0 : +56
81 : #5414c2 : +58
83 : #5312c4 : +60
85 : #5310c6 : +62
87 : #520ec8 : +64
89 : #520cca : +66
91 : #510acd : +68
93 : #5107cf : +70
95 : #5005d1 : +72
97 : #4f03d3 : +74
99 : #4f01d5 : +76
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #050406 : -40
4 : #0a080d : -38
6 : #0e0c13 : -36
8 : #131019 : -34
10 : #18141f : -32
12 : #1d1826 : -30
14 : #221b2c : -28
16 : #261f32 : -26
18 : #2b2338 : -24
20 : #30273f : -22
22 : #352b45 : -20
24 : #392f4b : -18
26 : #3e3352 : -16
28 : #433758 : -14
30 : #483b5e : -12
32 : #4d3f64 : -10
34 : #51436b : -8
36 : #564771 : -6
38 : #5b4b77 : -4
40 : #604f7d : -2
42 : #655284 : ±0
44 : #69568a : +2
46 : #6e5a90 : +4
48 : #735e97 : +6
50 : #78629d : +8
52 : #7d68a1 : +10
54 : #836fa5 : +12
56 : #8875a9 : +14
58 : #8d7bad : +16
60 : #9382b0 : +18
62 : #9888b4 : +20
64 : #9e8eb8 : +22
66 : #a394bc : +24
68 : #a89bc0 : +26
70 : #aea1c4 : +28
72 : #b3a7c8 : +30
74 : #b9adcc : +32
76 : #beb4d0 : +34
78 : #c3bad4 : +36
80 : #c9c0d8 : +38
82 : #cec7dc : +40
84 : #d4cde0 : +42
86 : #d9d3e4 : +44
88 : #dfd9e7 : +46
90 : #e4e0eb : +48
92 : #e9e6ef : +50
94 : #efecf3 : +52
96 : #f4f2f7 : +54
98 : #faf9fb : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow