#304625
RGB ( 赤 = 48, 緑 = 70, 青 = 37 )
HSL ( 色相 = 100°, 彩度 = 31%, 明度 = 21% )
H : 色相 ( 100° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #462525 : -100
10 : #462a25 : -90
20 : #463025 : -80
30 : #463625 : -70
40 : #463b25 : -60
50 : #464125 : -50
60 : #464625 : -40
70 : #414625 : -30
80 : #3b4625 : -20
90 : #364625 : -10
100 : #304625 : ±0
110 : #2a4625 : +10
120 : #254625 : +20
130 : #25462a : +30
140 : #254630 : +40
150 : #254636 : +50
160 : #25463b : +60
170 : #254641 : +70
180 : #254646 : +80
190 : #254146 : +90
200 : #253b46 : +100
210 : #253646 : +110
220 : #253046 : +120
230 : #252a46 : +130
240 : #252546 : +140
250 : #2a2546 : +150
260 : #302546 : +160
270 : #362546 : +170
280 : #3b2546 : +180
290 : #412546 : +190
300 : #462546 : +200
310 : #462541 : +210
320 : #46253b : +220
330 : #462536 : +230
340 : #462530 : +240
350 : #46252a : +250
90 : #364625 : -10
91 : #354625 : -9
92 : #344625 : -8
93 : #344625 : -7
94 : #334625 : -6
95 : #334625 : -5
96 : #324625 : -4
97 : #324625 : -3
98 : #314625 : -2
99 : #314625 : -1
100 : #304625 : ±0
101 : #2f4625 : +1
102 : #2f4625 : +2
103 : #2e4625 : +3
104 : #2e4625 : +4
105 : #2d4625 : +5
106 : #2d4625 : +6
107 : #2c4625 : +7
108 : #2c4625 : +8
109 : #2b4625 : +9
110 : #2a4625 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #353635 : -30
3 : #353734 : -28
5 : #353833 : -26
7 : #343932 : -24
9 : #343a31 : -22
11 : #343b30 : -20
13 : #333d2f : -18
15 : #333e2e : -16
17 : #333f2c : -14
19 : #32402b : -12
21 : #32412a : -10
23 : #314229 : -8
25 : #314328 : -6
27 : #314427 : -4
29 : #304526 : -2
31 : #304625 : ±0
33 : #304724 : +2
35 : #2f4823 : +4
37 : #2f4922 : +6
39 : #2f4a21 : +8
41 : #2e4c20 : +10
43 : #2e4d1f : +12
45 : #2e4e1d : +14
47 : #2d4f1c : +16
49 : #2d501b : +18
51 : #2c511a : +20
53 : #2c5219 : +22
55 : #2c5318 : +24
57 : #2b5417 : +26
59 : #2b5516 : +28
61 : #2b5615 : +30
63 : #2a5714 : +32
65 : #2a5813 : +34
67 : #2a5912 : +36
69 : #295a11 : +38
71 : #295c10 : +40
73 : #295d0e : +42
75 : #285e0d : +44
77 : #285f0c : +46
79 : #27600b : +48
81 : #27610a : +50
83 : #276209 : +52
85 : #266308 : +54
87 : #266407 : +56
89 : #266506 : +58
91 : #256605 : +60
93 : #256704 : +62
95 : #256803 : +64
97 : #246902 : +66
99 : #246b01 : +68
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -20
3 : #070a05 : -18
5 : #0b1109 : -16
7 : #10170c : -14
9 : #151e10 : -12
11 : #192513 : -10
13 : #1e2b17 : -8
15 : #22321a : -6
17 : #27391e : -4
19 : #2b3f21 : -2
21 : #304625 : ±0
23 : #354d28 : +2
25 : #39542c : +4
27 : #3e5a30 : +6
29 : #426133 : +8
31 : #476837 : +10
33 : #4b6e3a : +12
35 : #50753e : +14
37 : #557c41 : +16
39 : #598245 : +18
41 : #5e8948 : +20
43 : #62904c : +22
45 : #67964f : +24
47 : #6b9d53 : +26
49 : #70a456 : +28
51 : #75a95b : +30
53 : #7bac62 : +32
55 : #80b069 : +34
57 : #86b36f : +36
59 : #8cb776 : +38
61 : #91ba7d : +40
63 : #97be83 : +42
65 : #9dc18a : +44
67 : #a2c591 : +46
69 : #a8c897 : +48
71 : #adcc9e : +50
73 : #b3cfa5 : +52
75 : #b9d3ab : +54
77 : #bed7b2 : +56
79 : #c4dab9 : +58
81 : #cadec0 : +60
83 : #cfe1c6 : +62
85 : #d5e5cd : +64
87 : #dae8d4 : +66
89 : #e0ecda : +68
91 : #e6efe1 : +70
93 : #ebf3e8 : +72
95 : #f1f6ee : +74
97 : #f7faf5 : +76
99 : #fcfdfc : +78
CSS入門、作ってます。
text-shadow