#220c3b
RGB ( 赤 = 34, 緑 = 12, 青 = 59 )
HSL ( 色相 = 268°, 彩度 = 66%, 明度 = 14% )
H : 色相 ( 268° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #3b120c : -260
18 : #3b1a0c : -250
28 : #3b220c : -240
38 : #3b2a0c : -230
48 : #3b320c : -220
58 : #3b3a0c : -210
68 : #353b0c : -200
78 : #2d3b0c : -190
88 : #253b0c : -180
98 : #1d3b0c : -170
108 : #163b0c : -160
118 : #0e3b0c : -150
128 : #0c3b12 : -140
138 : #0c3b1a : -130
148 : #0c3b22 : -120
158 : #0c3b2a : -110
168 : #0c3b32 : -100
178 : #0c3b3a : -90
188 : #0c353b : -80
198 : #0c2d3b : -70
208 : #0c253b : -60
218 : #0c1d3b : -50
228 : #0c163b : -40
238 : #0c0e3b : -30
248 : #120c3b : -20
258 : #1a0c3b : -10
268 : #220c3b : ±0
278 : #2a0c3b : +10
288 : #320c3b : +20
298 : #3a0c3b : +30
308 : #3b0c35 : +40
318 : #3b0c2d : +50
328 : #3b0c25 : +60
338 : #3b0c1d : +70
348 : #3b0c16 : +80
358 : #3b0c0e : +90
258 : #1a0c3b : -10
259 : #1b0c3b : -9
260 : #1c0c3b : -8
261 : #1d0c3b : -7
262 : #1d0c3b : -6
263 : #1e0c3b : -5
264 : #1f0c3b : -4
265 : #200c3b : -3
266 : #210c3b : -2
267 : #210c3b : -1
268 : #220c3b : ±0
269 : #230c3b : +1
270 : #240c3b : +2
271 : #240c3b : +3
272 : #250c3b : +4
273 : #260c3b : +5
274 : #270c3b : +6
275 : #280c3b : +7
276 : #280c3b : +8
277 : #290c3b : +9
278 : #2a0c3b : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -66
2 : #242324 : -64
4 : #242225 : -62
6 : #242226 : -60
8 : #242127 : -58
10 : #232027 : -56
12 : #231f28 : -54
14 : #231f29 : -52
16 : #231e29 : -50
18 : #231d2a : -48
20 : #231d2b : -46
22 : #231c2c : -44
24 : #231b2c : -42
26 : #231a2d : -40
28 : #231a2e : -38
30 : #23192e : -36
32 : #23182f : -34
34 : #231830 : -32
36 : #231731 : -30
38 : #231631 : -28
40 : #231532 : -26
42 : #231533 : -24
44 : #231433 : -22
46 : #231334 : -20
48 : #231335 : -18
50 : #231236 : -16
52 : #221136 : -14
54 : #221037 : -12
56 : #221038 : -10
58 : #220f38 : -8
60 : #220e39 : -6
62 : #220e3a : -4
64 : #220d3b : -2
66 : #220c3b : ±0
68 : #220b3c : +2
70 : #220b3d : +4
72 : #220a3d : +6
74 : #22093e : +8
76 : #22093f : +10
78 : #220840 : +12
80 : #220740 : +14
82 : #220641 : +16
84 : #220642 : +18
86 : #220542 : +20
88 : #220443 : +22
90 : #220444 : +24
92 : #220345 : +26
94 : #210245 : +28
96 : #210146 : +30
98 : #210147 : +32
100 : #210047 : +34
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #050208 : -12
4 : #0a0311 : -10
6 : #0f0519 : -8
8 : #140722 : -6
10 : #18092a : -4
12 : #1d0a33 : -2
14 : #220c3b : ±0
16 : #270e44 : +2
18 : #2c104c : +4
20 : #311155 : +6
22 : #36135d : +8
24 : #3b1566 : +10
26 : #3f176e : +12
28 : #441877 : +14
30 : #491a7f : +16
32 : #4e1c87 : +18
34 : #531d90 : +20
36 : #581f98 : +22
38 : #5d21a1 : +24
40 : #6223a9 : +26
42 : #6624b2 : +28
44 : #6b26ba : +30
46 : #7028c3 : +32
48 : #752acb : +34
50 : #7a2bd4 : +36
52 : #7f34d5 : +38
54 : #853cd7 : +40
56 : #8a45d9 : +42
58 : #8f4ddb : +44
60 : #9556dc : +46
62 : #9a5ede : +48
64 : #9f67e0 : +50
66 : #a46fe2 : +52
68 : #aa78e3 : +54
70 : #af80e5 : +56
72 : #b488e7 : +58
74 : #ba91e8 : +60
76 : #bf99ea : +62
78 : #c4a2ec : +64
80 : #caaaee : +66
82 : #cfb3ef : +68
84 : #d4bbf1 : +70
86 : #dac4f3 : +72
88 : #dfccf5 : +74
90 : #e4d5f6 : +76
92 : #eaddf8 : +78
94 : #efe6fa : +80
96 : #f4eefc : +82
98 : #faf7fd : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow