#1f1636
RGB ( 赤 = 31, 緑 = 22, 青 = 54 )
HSL ( 色相 = 257°, 彩度 = 42%, 明度 = 15% )
H : 色相 ( 257° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #361a16 : -250
17 : #361f16 : -240
27 : #362516 : -230
37 : #362a16 : -220
47 : #362f16 : -210
57 : #363516 : -200
67 : #333616 : -190
77 : #2d3616 : -180
87 : #283616 : -170
97 : #233616 : -160
107 : #1d3616 : -150
117 : #183616 : -140
127 : #16361a : -130
137 : #16361f : -120
147 : #163625 : -110
157 : #16362a : -100
167 : #16362f : -90
177 : #163635 : -80
187 : #163336 : -70
197 : #162d36 : -60
207 : #162836 : -50
217 : #162336 : -40
227 : #161d36 : -30
237 : #161836 : -20
247 : #1a1636 : -10
257 : #1f1636 : ±0
267 : #251636 : +10
277 : #2a1636 : +20
287 : #2f1636 : +30
297 : #351636 : +40
307 : #361633 : +50
317 : #36162d : +60
327 : #361628 : +70
337 : #361623 : +80
347 : #36161d : +90
357 : #361618 : +100
247 : #1a1636 : -10
248 : #1a1636 : -9
249 : #1b1636 : -8
250 : #1c1636 : -7
251 : #1c1636 : -6
252 : #1d1636 : -5
253 : #1d1636 : -4
254 : #1e1636 : -3
255 : #1e1636 : -2
256 : #1f1636 : -1
257 : #1f1636 : ±0
258 : #201636 : +1
259 : #201636 : +2
260 : #211636 : +3
261 : #211636 : +4
262 : #221636 : +5
263 : #231636 : +6
264 : #231636 : +7
265 : #241636 : +8
266 : #241636 : +9
267 : #251636 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -42
2 : #262527 : -40
4 : #262528 : -38
6 : #252429 : -36
8 : #252329 : -34
10 : #25222a : -32
12 : #24222b : -30
14 : #24212c : -28
16 : #24202c : -26
18 : #231f2d : -24
20 : #231f2e : -22
22 : #231e2f : -20
24 : #221d2f : -18
26 : #221c30 : -16
28 : #221c31 : -14
30 : #211b32 : -12
32 : #211a32 : -10
34 : #211933 : -8
36 : #201834 : -6
38 : #201835 : -4
40 : #201736 : -2
42 : #1f1636 : ±0
44 : #1f1537 : +2
46 : #1f1538 : +4
48 : #1e1439 : +6
50 : #1e1339 : +8
52 : #1e123a : +10
54 : #1d123b : +12
56 : #1d113c : +14
58 : #1d103c : +16
60 : #1c0f3d : +18
62 : #1c0f3e : +20
64 : #1c0e3f : +22
66 : #1b0d3f : +24
68 : #1b0c40 : +26
70 : #1b0b41 : +28
72 : #1a0b42 : +30
74 : #1a0a43 : +32
76 : #1a0943 : +34
78 : #190844 : +36
80 : #190845 : +38
82 : #190746 : +40
84 : #180646 : +42
86 : #180547 : +44
88 : #180548 : +46
90 : #170449 : +48
92 : #170349 : +50
94 : #17024a : +52
96 : #16024b : +54
98 : #16014c : +56
100 : #16004d : +58
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -14
3 : #06040b : -12
5 : #0a0712 : -10
7 : #0f0a19 : -8
9 : #130d21 : -6
11 : #171028 : -4
13 : #1b132f : -2
15 : #1f1636 : ±0
17 : #23193e : +2
19 : #281c45 : +4
21 : #2c1f4c : +6
23 : #302253 : +8
25 : #34255b : +10
27 : #382862 : +12
29 : #3c2b69 : +14
31 : #412e70 : +16
33 : #453177 : +18
35 : #49347f : +20
37 : #4d3786 : +22
39 : #513a8d : +24
41 : #563d94 : +26
43 : #5a409c : +28
45 : #5e43a3 : +30
47 : #6246aa : +32
49 : #6648b1 : +34
51 : #6b4eb7 : +36
53 : #7155b9 : +38
55 : #775cbc : +40
57 : #7d63bf : +42
59 : #836bc2 : +44
61 : #8972c5 : +46
63 : #8f79c8 : +48
65 : #9680cb : +50
67 : #9c88ce : +52
69 : #a28fd1 : +54
71 : #a896d4 : +56
73 : #ae9dd7 : +58
75 : #b4a4da : +60
77 : #baacdd : +62
79 : #c0b3e0 : +64
81 : #c6bae3 : +66
83 : #ccc1e6 : +68
85 : #d2c9e9 : +70
87 : #d8d0ec : +72
89 : #ded7ef : +74
91 : #e4def2 : +76
93 : #eae6f5 : +78
95 : #f0edf8 : +80
97 : #f6f4fb : +82
99 : #fcfbfe : +84
CSS入門、作ってます。
text-shadow