#458282
RGB ( 赤 = 69, 緑 = 130, 青 = 130 )
HSL ( 色相 = 180°, 彩度 = 31%, 明度 = 39% )
H : 色相 ( 180° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #824545 : -180
10 : #824f45 : -170
20 : #825945 : -160
30 : #826345 : -150
40 : #826e45 : -140
50 : #827845 : -130
60 : #828245 : -120
70 : #788245 : -110
80 : #6e8245 : -100
90 : #638245 : -90
100 : #598245 : -80
110 : #4f8245 : -70
120 : #458245 : -60
130 : #45824f : -50
140 : #458259 : -40
150 : #458263 : -30
160 : #45826e : -20
170 : #458278 : -10
180 : #458282 : ±0
190 : #457882 : +10
200 : #456e82 : +20
210 : #456382 : +30
220 : #455982 : +40
230 : #454f82 : +50
240 : #454582 : +60
250 : #4f4582 : +70
260 : #594582 : +80
270 : #634582 : +90
280 : #6e4582 : +100
290 : #784582 : +110
300 : #824582 : +120
310 : #824578 : +130
320 : #82456e : +140
330 : #824563 : +150
340 : #824559 : +160
350 : #82454f : +170
170 : #458278 : -10
171 : #458279 : -9
172 : #45827a : -8
173 : #45827b : -7
174 : #45827c : -6
175 : #45827d : -5
176 : #45827e : -4
177 : #45827f : -3
178 : #458280 : -2
179 : #458281 : -1
180 : #458282 : ±0
181 : #458182 : +1
182 : #458082 : +2
183 : #457f82 : +3
184 : #457e82 : +4
185 : #457d82 : +5
186 : #457c82 : +6
187 : #457b82 : +7
188 : #457a82 : +8
189 : #457982 : +9
190 : #457882 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626464 : -30
3 : #606666 : -28
5 : #5e6868 : -26
7 : #5c6a6a : -24
9 : #5a6c6c : -22
11 : #596e6e : -20
13 : #577070 : -18
15 : #557272 : -16
17 : #537474 : -14
19 : #517676 : -12
21 : #4f7878 : -10
23 : #4d7a7a : -8
25 : #4b7c7c : -6
27 : #497e7e : -4
29 : #478080 : -2
31 : #458282 : ±0
33 : #438484 : +2
35 : #418686 : +4
37 : #3f8888 : +6
39 : #3d8a8a : +8
41 : #3b8c8c : +10
43 : #398e8e : +12
45 : #379090 : +14
47 : #359292 : +16
49 : #339494 : +18
51 : #319696 : +20
53 : #2f9898 : +22
55 : #2d9a9a : +24
57 : #2b9c9c : +26
59 : #299e9e : +28
61 : #27a0a0 : +30
63 : #25a2a2 : +32
65 : #23a4a4 : +34
67 : #21a6a6 : +36
69 : #1fa8a8 : +38
71 : #1daaaa : +40
73 : #1bacac : +42
75 : #19aeae : +44
77 : #17b0b0 : +46
79 : #15b2b2 : +48
81 : #13b4b4 : +50
83 : #11b6b6 : +52
85 : #0fb8b8 : +54
87 : #0dbaba : +56
89 : #0bbcbc : +58
91 : #09bebe : +60
93 : #07c0c0 : +62
95 : #05c2c2 : +64
97 : #03c4c4 : +66
99 : #01c6c6 : +68
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -38
3 : #050a0a : -36
5 : #091111 : -34
7 : #0c1717 : -32
9 : #101e1e : -30
11 : #132525 : -28
13 : #172b2b : -26
15 : #1a3232 : -24
17 : #1e3939 : -22
19 : #213f3f : -20
21 : #254646 : -18
23 : #284d4d : -16
25 : #2c5454 : -14
27 : #305a5a : -12
29 : #336161 : -10
31 : #376868 : -8
33 : #3a6e6e : -6
35 : #3e7575 : -4
37 : #417c7c : -2
39 : #458282 : ±0
41 : #488989 : +2
43 : #4c9090 : +4
45 : #4f9696 : +6
47 : #539d9d : +8
49 : #56a4a4 : +10
51 : #5ba9a9 : +12
53 : #62acac : +14
55 : #69b0b0 : +16
57 : #6fb3b3 : +18
59 : #76b7b7 : +20
61 : #7dbaba : +22
63 : #83bebe : +24
65 : #8ac1c1 : +26
67 : #91c5c5 : +28
69 : #97c8c8 : +30
71 : #9ecccc : +32
73 : #a5cfcf : +34
75 : #abd3d3 : +36
77 : #b2d7d7 : +38
79 : #b9dada : +40
81 : #c0dede : +42
83 : #c6e1e1 : +44
85 : #cde5e5 : +46
87 : #d4e8e8 : +48
89 : #daecec : +50
91 : #e1efef : +52
93 : #e8f3f3 : +54
95 : #eef6f6 : +56
97 : #f5fafa : +58
99 : #fcfdfd : +60
CSS入門、作ってます。
text-shadow