#221c36
RGB ( 赤 = 34, 緑 = 28, 青 = 54 )
HSL ( 色相 = 254°, 彩度 = 32%, 明度 = 16% )
H : 色相 ( 254° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #361d1c : -250
14 : #36221c : -240
24 : #36261c : -230
34 : #362b1c : -220
44 : #362f1c : -210
54 : #36331c : -200
64 : #34361c : -190
74 : #30361c : -180
84 : #2b361c : -170
94 : #27361c : -160
104 : #23361c : -150
114 : #1e361c : -140
124 : #1c361d : -130
134 : #1c3622 : -120
144 : #1c3626 : -110
154 : #1c362b : -100
164 : #1c362f : -90
174 : #1c3633 : -80
184 : #1c3436 : -70
194 : #1c3036 : -60
204 : #1c2b36 : -50
214 : #1c2736 : -40
224 : #1c2336 : -30
234 : #1c1e36 : -20
244 : #1d1c36 : -10
254 : #221c36 : ±0
264 : #261c36 : +10
274 : #2b1c36 : +20
284 : #2f1c36 : +30
294 : #331c36 : +40
304 : #361c34 : +50
314 : #361c30 : +60
324 : #361c2b : +70
334 : #361c27 : +80
344 : #361c23 : +90
354 : #361c1e : +100
244 : #1d1c36 : -10
245 : #1e1c36 : -9
246 : #1e1c36 : -8
247 : #1f1c36 : -7
248 : #1f1c36 : -6
249 : #201c36 : -5
250 : #201c36 : -4
251 : #211c36 : -3
252 : #211c36 : -2
253 : #211c36 : -1
254 : #221c36 : ±0
255 : #221c36 : +1
256 : #231c36 : +2
257 : #231c36 : +3
258 : #241c36 : +4
259 : #241c36 : +5
260 : #241c36 : +6
261 : #251c36 : +7
262 : #251c36 : +8
263 : #261c36 : +9
264 : #261c36 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -32
2 : #28282a : -30
4 : #28272a : -28
6 : #27262b : -26
8 : #27262c : -24
10 : #27252d : -22
12 : #26242e : -20
14 : #26232f : -18
16 : #25222f : -16
18 : #252130 : -14
20 : #242131 : -12
22 : #242032 : -10
24 : #241f33 : -8
26 : #231e33 : -6
28 : #231d34 : -4
30 : #221d35 : -2
32 : #221c36 : ±0
34 : #211b37 : +2
36 : #211a37 : +4
38 : #211938 : +6
40 : #201839 : +8
42 : #20183a : +10
44 : #1f173b : +12
46 : #1f163c : +14
48 : #1e153c : +16
50 : #1e143d : +18
52 : #1d143e : +20
54 : #1d133f : +22
56 : #1d1240 : +24
58 : #1c1140 : +26
60 : #1c1041 : +28
62 : #1b1042 : +30
64 : #1b0f43 : +32
66 : #1a0e44 : +34
68 : #1a0d45 : +36
70 : #1a0c45 : +38
72 : #190b46 : +40
74 : #190b47 : +42
76 : #180a48 : +44
78 : #180949 : +46
80 : #170849 : +48
82 : #17074a : +50
84 : #17074b : +52
86 : #16064c : +54
88 : #16054d : +56
90 : #15044e : +58
92 : #15034e : +60
94 : #14024f : +62
96 : #140250 : +64
98 : #130151 : +66
100 : #130052 : +68
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #040307 : -14
4 : #08070d : -12
6 : #0d0a14 : -10
8 : #110e1b : -8
10 : #151122 : -6
12 : #191528 : -4
14 : #1e182f : -2
16 : #221c36 : ±0
18 : #261f3d : +2
20 : #2a2343 : +4
22 : #2f264a : +6
24 : #332a51 : +8
26 : #372d58 : +10
28 : #3b315e : +12
30 : #3f3465 : +14
32 : #44376c : +16
34 : #483b72 : +18
36 : #4c3e79 : +20
38 : #504280 : +22
40 : #554587 : +24
42 : #59498d : +26
44 : #5d4c94 : +28
46 : #61509b : +30
48 : #6653a2 : +32
50 : #6a57a8 : +34
52 : #705dac : +36
54 : #7664af : +38
56 : #7c6bb3 : +40
58 : #8272b6 : +42
60 : #8878ba : +44
62 : #8e7fbd : +46
64 : #9486c1 : +48
66 : #9a8dc4 : +50
68 : #9f93c8 : +52
70 : #a59acb : +54
72 : #aba1ce : +56
74 : #b1a7d2 : +58
76 : #b7aed5 : +60
78 : #bdb5d9 : +62
80 : #c3bcdc : +64
82 : #c9c2e0 : +66
84 : #cfc9e3 : +68
86 : #d5d0e7 : +70
88 : #dbd7ea : +72
90 : #e1ddee : +74
92 : #e7e4f1 : +76
94 : #edebf5 : +78
96 : #f3f2f8 : +80
98 : #f9f8fc : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow