#244727
RGB ( 赤 = 36, 緑 = 71, 青 = 39 )
HSL ( 色相 = 125°, 彩度 = 33%, 明度 = 21% )
H : 色相 ( 125° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #472724 : -120
15 : #472d24 : -110
25 : #473324 : -100
35 : #473824 : -90
45 : #473e24 : -80
55 : #474424 : -70
65 : #444724 : -60
75 : #3e4724 : -50
85 : #384724 : -40
95 : #334724 : -30
105 : #2d4724 : -20
115 : #274724 : -10
125 : #244727 : ±0
135 : #24472d : +10
145 : #244733 : +20
155 : #244738 : +30
165 : #24473e : +40
175 : #244744 : +50
185 : #244447 : +60
195 : #243e47 : +70
205 : #243847 : +80
215 : #243347 : +90
225 : #242d47 : +100
235 : #242747 : +110
245 : #272447 : +120
255 : #2d2447 : +130
265 : #332447 : +140
275 : #382447 : +150
285 : #3e2447 : +160
295 : #442447 : +170
305 : #472444 : +180
315 : #47243e : +190
325 : #472438 : +200
335 : #472433 : +210
345 : #47242d : +220
355 : #472427 : +230
115 : #274724 : -10
116 : #264724 : -9
117 : #264724 : -8
118 : #254724 : -7
119 : #244724 : -6
120 : #244724 : -5
121 : #244724 : -4
122 : #244725 : -3
123 : #244726 : -2
124 : #244726 : -1
125 : #244727 : ±0
126 : #244727 : +1
127 : #244728 : +2
128 : #244729 : +3
129 : #244729 : +4
130 : #24472a : +5
131 : #24472a : +6
132 : #24472b : +7
133 : #24472c : +8
134 : #24472c : +9
135 : #24472d : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #353635 : -32
3 : #343734 : -30
5 : #333833 : -28
7 : #323932 : -26
9 : #313a32 : -24
11 : #303b31 : -22
13 : #2f3d30 : -20
15 : #2e3e2f : -18
17 : #2c3f2e : -16
19 : #2b402d : -14
21 : #2a412c : -12
23 : #29422b : -10
25 : #28432a : -8
27 : #27442a : -6
29 : #264529 : -4
31 : #254628 : -2
33 : #244727 : ±0
35 : #234826 : +2
37 : #224925 : +4
39 : #214a24 : +6
41 : #204c23 : +8
43 : #1f4d22 : +10
45 : #1d4e21 : +12
47 : #1c4f21 : +14
49 : #1b5020 : +16
51 : #1a511f : +18
53 : #19521e : +20
55 : #18531d : +22
57 : #17541c : +24
59 : #16551b : +26
61 : #15561a : +28
63 : #145719 : +30
65 : #135819 : +32
67 : #125918 : +34
69 : #115a17 : +36
71 : #105c16 : +38
73 : #0e5d15 : +40
75 : #0d5e14 : +42
77 : #0c5f13 : +44
79 : #0b6012 : +46
81 : #0a6111 : +48
83 : #096211 : +50
85 : #086310 : +52
87 : #07640f : +54
89 : #06650e : +56
91 : #05660d : +58
93 : #04670c : +60
95 : #03680b : +62
97 : #02690a : +64
99 : #016b09 : +66
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -20
3 : #050a06 : -18
5 : #091109 : -16
7 : #0c180d : -14
9 : #0f1f11 : -12
11 : #132514 : -10
13 : #162c18 : -8
15 : #1a331c : -6
17 : #1d3a1f : -4
19 : #204023 : -2
21 : #244727 : ±0
23 : #274e2b : +2
25 : #2b552e : +4
27 : #2e5c32 : +6
29 : #326236 : +8
31 : #356939 : +10
33 : #38703d : +12
35 : #3c7741 : +14
37 : #3f7d44 : +16
39 : #438448 : +18
41 : #468b4c : +20
43 : #49924f : +22
45 : #4d9953 : +24
47 : #509f57 : +26
49 : #54a65b : +28
51 : #59ab60 : +30
53 : #60af66 : +32
55 : #66b26d : +34
57 : #6db673 : +36
59 : #74b97a : +38
61 : #7bbc80 : +40
63 : #82c087 : +42
65 : #88c38d : +44
67 : #8fc794 : +46
69 : #96ca9a : +48
71 : #9dcda1 : +50
73 : #a3d1a7 : +52
75 : #aad4ae : +54
77 : #b1d8b4 : +56
79 : #b8dbbb : +58
81 : #bfdfc1 : +60
83 : #c5e2c8 : +62
85 : #cce5ce : +64
87 : #d3e9d5 : +66
89 : #daecdb : +68
91 : #e0f0e2 : +70
93 : #e7f3e8 : +72
95 : #eef6ef : +74
97 : #f5faf5 : +76
99 : #fcfdfc : +78
CSS入門、作ってます。
text-shadow