#624b04
RGB ( 赤 = 98, 緑 = 75, 青 = 4 )
HSL ( 色相 = 45°, 彩度 = 92%, 明度 = 20% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #620c04 : -40
15 : #621c04 : -30
25 : #622b04 : -20
35 : #623b04 : -10
45 : #624a04 : ±0
55 : #625a04 : +10
65 : #5a6204 : +20
75 : #4a6204 : +30
85 : #3b6204 : +40
95 : #2b6204 : +50
105 : #1c6204 : +60
115 : #0c6204 : +70
125 : #04620c : +80
135 : #04621c : +90
145 : #04622b : +100
155 : #04623b : +110
165 : #04624a : +120
175 : #04625a : +130
185 : #045a62 : +140
195 : #044a62 : +150
205 : #043b62 : +160
215 : #042b62 : +170
225 : #041c62 : +180
235 : #040c62 : +190
245 : #0c0462 : +200
255 : #1c0462 : +210
265 : #2b0462 : +220
275 : #3b0462 : +230
285 : #4a0462 : +240
295 : #5a0462 : +250
305 : #62045a : +260
315 : #62044a : +270
325 : #62043b : +280
335 : #62042b : +290
345 : #62041c : +300
355 : #62040c : +310
35 : #623b04 : -10
36 : #623c04 : -9
37 : #623e04 : -8
38 : #624004 : -7
39 : #624104 : -6
40 : #624304 : -5
41 : #624404 : -4
42 : #624604 : -3
43 : #624704 : -2
44 : #624904 : -1
45 : #624a04 : ±0
46 : #624c04 : +1
47 : #624e04 : +2
48 : #624f04 : +3
49 : #625104 : +4
50 : #625204 : +5
51 : #625404 : +6
52 : #625504 : +7
53 : #625704 : +8
54 : #625904 : +9
55 : #625a04 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -92
2 : #343432 : -90
4 : #353431 : -88
6 : #363530 : -86
8 : #37352f : -84
10 : #38362e : -82
12 : #39362d : -80
14 : #3a372c : -78
16 : #3b372b : -76
18 : #3c382a : -74
20 : #3d3829 : -72
22 : #3e3928 : -70
24 : #3f3927 : -68
26 : #403a26 : -66
28 : #413a25 : -64
30 : #423b24 : -62
32 : #433b23 : -60
34 : #443c22 : -58
36 : #453c21 : -56
38 : #463d20 : -54
40 : #473d1f : -52
42 : #483e1e : -50
44 : #493e1d : -48
46 : #4a3f1c : -46
48 : #4b3f1b : -44
50 : #4d401a : -42
52 : #4e4018 : -40
54 : #4f4117 : -38
56 : #504116 : -36
58 : #514215 : -34
60 : #524214 : -32
62 : #534313 : -30
64 : #544312 : -28
66 : #554411 : -26
68 : #564410 : -24
70 : #57450f : -22
72 : #58450e : -20
74 : #59460d : -18
76 : #5a460c : -16
78 : #5b470b : -14
80 : #5c470a : -12
82 : #5d4809 : -10
84 : #5e4808 : -8
86 : #5f4907 : -6
88 : #604906 : -4
90 : #614a05 : -2
92 : #624a04 : ±0
94 : #634b03 : +2
96 : #644b02 : +4
98 : #654c01 : +6
100 : #664d00 : +8
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #0a0700 : -18
4 : #140f01 : -16
6 : #1d1601 : -14
8 : #271e02 : -12
10 : #312502 : -10
12 : #3b2d02 : -8
14 : #453403 : -6
16 : #4e3c03 : -4
18 : #584304 : -2
20 : #624a04 : ±0
22 : #6c5204 : +2
24 : #765905 : +4
26 : #7f6105 : +6
28 : #896806 : +8
30 : #937006 : +10
32 : #9d7707 : +12
34 : #a67f07 : +14
36 : #b08607 : +16
38 : #ba8d08 : +18
40 : #c49508 : +20
42 : #ce9c09 : +22
44 : #d7a409 : +24
46 : #e1ab09 : +26
48 : #ebb30a : +28
50 : #f5ba0a : +30
52 : #f5bd14 : +32
54 : #f6c01e : +34
56 : #f6c228 : +36
58 : #f6c531 : +38
60 : #f7c83b : +40
62 : #f7cb45 : +42
64 : #f8cd4f : +44
66 : #f8d059 : +46
68 : #f8d362 : +48
70 : #f9d66c : +50
72 : #f9d876 : +52
74 : #fadb80 : +54
76 : #fade89 : +56
78 : #fbe193 : +58
80 : #fbe39d : +60
82 : #fbe6a7 : +62
84 : #fce9b1 : +64
86 : #fcecba : +66
88 : #fdeec4 : +68
90 : #fdf1ce : +70
92 : #fdf4d8 : +72
94 : #fef7e2 : +74
96 : #fef9eb : +76
98 : #fffcf5 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow