#183315
RGB ( 赤 = 24, 緑 = 51, 青 = 21 )
HSL ( 色相 = 114°, 彩度 = 42%, 明度 = 14% )
H : 色相 ( 114° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #331715 : -110
14 : #331c15 : -100
24 : #332115 : -90
34 : #332615 : -80
44 : #332b15 : -70
54 : #333015 : -60
64 : #313315 : -50
74 : #2c3315 : -40
84 : #273315 : -30
94 : #223315 : -20
104 : #1d3315 : -10
114 : #183315 : ±0
124 : #153317 : +10
134 : #15331c : +20
144 : #153321 : +30
154 : #153326 : +40
164 : #15332b : +50
174 : #153330 : +60
184 : #153133 : +70
194 : #152c33 : +80
204 : #152733 : +90
214 : #152233 : +100
224 : #151d33 : +110
234 : #151833 : +120
244 : #171533 : +130
254 : #1c1533 : +140
264 : #211533 : +150
274 : #261533 : +160
284 : #2b1533 : +170
294 : #301533 : +180
304 : #331531 : +190
314 : #33152c : +200
324 : #331527 : +210
334 : #331522 : +220
344 : #33151d : +230
354 : #331518 : +240
104 : #1d3315 : -10
105 : #1c3315 : -9
106 : #1c3315 : -8
107 : #1b3315 : -7
108 : #1b3315 : -6
109 : #1a3315 : -5
110 : #1a3315 : -4
111 : #193315 : -3
112 : #193315 : -2
113 : #183315 : -1
114 : #183315 : ±0
115 : #173315 : +1
116 : #173315 : +2
117 : #163315 : +3
118 : #163315 : +4
119 : #153315 : +5
120 : #153315 : +6
121 : #153315 : +7
122 : #153316 : +8
123 : #153316 : +9
124 : #153317 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -42
2 : #232423 : -40
4 : #232522 : -38
6 : #222622 : -36
8 : #212721 : -34
10 : #212720 : -32
12 : #20281f : -30
14 : #20291f : -28
16 : #1f291e : -26
18 : #1f2a1d : -24
20 : #1e2b1d : -22
22 : #1d2c1c : -20
24 : #1d2c1b : -18
26 : #1c2d1a : -16
28 : #1c2e1a : -14
30 : #1b2e19 : -12
32 : #1b2f18 : -10
34 : #1a3018 : -8
36 : #193117 : -6
38 : #193116 : -4
40 : #183215 : -2
42 : #183315 : ±0
44 : #173314 : +2
46 : #173413 : +4
48 : #163513 : +6
50 : #153612 : +8
52 : #153611 : +10
54 : #143710 : +12
56 : #143810 : +14
58 : #13380f : +16
60 : #13390e : +18
62 : #123a0e : +20
64 : #113b0d : +22
66 : #113b0c : +24
68 : #103c0b : +26
70 : #103d0b : +28
72 : #0f3d0a : +30
74 : #0f3e09 : +32
76 : #0e3f09 : +34
78 : #0d4008 : +36
80 : #0d4007 : +38
82 : #0c4106 : +40
84 : #0c4206 : +42
86 : #0b4205 : +44
88 : #0b4304 : +46
90 : #0a4404 : +48
92 : #094503 : +50
94 : #094502 : +52
96 : #084601 : +54
98 : #084701 : +56
100 : #074700 : +58
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #030703 : -12
4 : #070e06 : -10
6 : #0a1609 : -8
8 : #0e1d0c : -6
10 : #11240f : -4
12 : #142b12 : -2
14 : #183315 : ±0
16 : #1b3a18 : +2
18 : #1e411b : +4
20 : #22481e : +6
22 : #255021 : +8
24 : #295723 : +10
26 : #2c5e26 : +12
28 : #2f6529 : +14
30 : #336d2c : +16
32 : #36742f : +18
34 : #3a7b32 : +20
36 : #3d8235 : +22
38 : #408a38 : +24
40 : #44913b : +26
42 : #47983e : +28
44 : #4b9f41 : +30
46 : #4ea744 : +32
48 : #51ae47 : +34
50 : #55b54a : +36
52 : #5bb851 : +38
54 : #62bb58 : +40
56 : #69be60 : +42
58 : #70c167 : +44
60 : #77c46e : +46
62 : #7ec775 : +48
64 : #84ca7d : +50
66 : #8bcd84 : +52
68 : #92d08b : +54
70 : #99d392 : +56
72 : #a0d69a : +58
74 : #a6d9a1 : +60
76 : #addca8 : +62
78 : #b4deaf : +64
80 : #bbe1b7 : +66
82 : #c2e4be : +68
84 : #c8e7c5 : +70
86 : #cfeacc : +72
88 : #d6edd4 : +74
90 : #ddf0db : +76
92 : #e4f3e2 : +78
94 : #ebf6e9 : +80
96 : #f1f9f1 : +82
98 : #f8fcf8 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow