#22133f
RGB ( 赤 = 34, 緑 = 19, 青 = 63 )
HSL ( 色相 = 260°, 彩度 = 54%, 明度 = 16% )
H : 色相 ( 260° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3f1313 : -260
10 : #3f1a13 : -250
20 : #3f2113 : -240
30 : #3f2913 : -230
40 : #3f3013 : -220
50 : #3f3713 : -210
60 : #3f3f13 : -200
70 : #373f13 : -190
80 : #303f13 : -180
90 : #293f13 : -170
100 : #213f13 : -160
110 : #1a3f13 : -150
120 : #133f13 : -140
130 : #133f1a : -130
140 : #133f21 : -120
150 : #133f29 : -110
160 : #133f30 : -100
170 : #133f37 : -90
180 : #133f3f : -80
190 : #13373f : -70
200 : #13303f : -60
210 : #13293f : -50
220 : #13213f : -40
230 : #131a3f : -30
240 : #13133f : -20
250 : #1a133f : -10
260 : #21133f : ±0
270 : #29133f : +10
280 : #30133f : +20
290 : #37133f : +30
300 : #3f133f : +40
310 : #3f1337 : +50
320 : #3f1330 : +60
330 : #3f1329 : +70
340 : #3f1321 : +80
350 : #3f131a : +90
250 : #1a133f : -10
251 : #1b133f : -9
252 : #1c133f : -8
253 : #1c133f : -7
254 : #1d133f : -6
255 : #1e133f : -5
256 : #1f133f : -4
257 : #1f133f : -3
258 : #20133f : -2
259 : #21133f : -1
260 : #21133f : ±0
261 : #22133f : +1
262 : #23133f : +2
263 : #24133f : +3
264 : #24133f : +4
265 : #25133f : +5
266 : #26133f : +6
267 : #27133f : +7
268 : #27133f : +8
269 : #28133f : +9
270 : #29133f : +10
S : 彩度 ( 54% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -54
2 : #29282a : -52
4 : #28272a : -50
6 : #28262b : -48
8 : #28262c : -46
10 : #27252d : -44
12 : #27242e : -42
14 : #27232f : -40
16 : #27222f : -38
18 : #262130 : -36
20 : #262131 : -34
22 : #262032 : -32
24 : #261f33 : -30
26 : #251e33 : -28
28 : #251d34 : -26
30 : #251d35 : -24
32 : #241c36 : -22
34 : #241b37 : -20
36 : #241a37 : -18
38 : #241938 : -16
40 : #231839 : -14
42 : #23183a : -12
44 : #23173b : -10
46 : #23163c : -8
48 : #22153c : -6
50 : #22143d : -4
52 : #22143e : -2
54 : #21133f : ±0
56 : #211240 : +2
58 : #211140 : +4
60 : #211041 : +6
62 : #201042 : +8
64 : #200f43 : +10
66 : #200e44 : +12
68 : #200d45 : +14
70 : #1f0c45 : +16
72 : #1f0b46 : +18
74 : #1f0b47 : +20
76 : #1e0a48 : +22
78 : #1e0949 : +24
80 : #1e0849 : +26
82 : #1e074a : +28
84 : #1d074b : +30
86 : #1d064c : +32
88 : #1d054d : +34
90 : #1d044e : +36
92 : #1c034e : +38
94 : #1c024f : +40
96 : #1c0250 : +42
98 : #1b0151 : +44
100 : #1b0052 : +46
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #040208 : -14
4 : #080510 : -12
6 : #0d0718 : -10
8 : #11091f : -8
10 : #150c27 : -6
12 : #190e2f : -4
14 : #1d1037 : -2
16 : #21133f : ±0
18 : #261547 : +2
20 : #2a174f : +4
22 : #2e1a56 : +6
24 : #321c5e : +8
26 : #361e66 : +10
28 : #3b216e : +12
30 : #3f2376 : +14
32 : #43267e : +16
34 : #472886 : +18
36 : #4b2a8d : +20
38 : #4f2d95 : +22
40 : #542f9d : +24
42 : #5831a5 : +26
44 : #5c34ad : +28
46 : #6036b5 : +30
48 : #6438bc : +32
50 : #693bc4 : +34
52 : #6f43c7 : +36
54 : #754ac9 : +38
56 : #7b52cb : +40
58 : #815ace : +42
60 : #8762d0 : +44
62 : #8d6ad2 : +46
64 : #9372d5 : +48
66 : #9979d7 : +50
68 : #9f81d9 : +52
70 : #a589dc : +54
72 : #ab91de : +56
74 : #b199e1 : +58
76 : #b7a1e3 : +60
78 : #bda9e5 : +62
80 : #c3b0e8 : +64
82 : #c9b8ea : +66
84 : #cfc0ec : +68
86 : #d5c8ef : +70
88 : #dbd0f1 : +72
90 : #e1d8f3 : +74
92 : #e7e0f6 : +76
94 : #ede7f8 : +78
96 : #f3effa : +80
98 : #f9f7fd : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow