#1f113b
RGB ( 赤 = 31, 緑 = 17, 青 = 59 )
HSL ( 色相 = 260°, 彩度 = 55%, 明度 = 15% )
H : 色相 ( 260° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3b1111 : -260
10 : #3b1811 : -250
20 : #3b1f11 : -240
30 : #3b2611 : -230
40 : #3b2d11 : -220
50 : #3b3411 : -210
60 : #3b3b11 : -200
70 : #343b11 : -190
80 : #2d3b11 : -180
90 : #263b11 : -170
100 : #1f3b11 : -160
110 : #183b11 : -150
120 : #113b11 : -140
130 : #113b18 : -130
140 : #113b1f : -120
150 : #113b26 : -110
160 : #113b2d : -100
170 : #113b34 : -90
180 : #113b3b : -80
190 : #11343b : -70
200 : #112d3b : -60
210 : #11263b : -50
220 : #111f3b : -40
230 : #11183b : -30
240 : #11113b : -20
250 : #18113b : -10
260 : #1f113b : ±0
270 : #26113b : +10
280 : #2d113b : +20
290 : #34113b : +30
300 : #3b113b : +40
310 : #3b1134 : +50
320 : #3b112d : +60
330 : #3b1126 : +70
340 : #3b111f : +80
350 : #3b1118 : +90
250 : #18113b : -10
251 : #19113b : -9
252 : #1a113b : -8
253 : #1a113b : -7
254 : #1b113b : -6
255 : #1c113b : -5
256 : #1c113b : -4
257 : #1d113b : -3
258 : #1e113b : -2
259 : #1f113b : -1
260 : #1f113b : ±0
261 : #20113b : +1
262 : #21113b : +2
263 : #21113b : +3
264 : #22113b : +4
265 : #23113b : +5
266 : #23113b : +6
267 : #24113b : +7
268 : #25113b : +8
269 : #26113b : +9
270 : #26113b : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262627 : -54
3 : #262527 : -52
5 : #262428 : -50
7 : #252429 : -48
9 : #25232a : -46
11 : #25222a : -44
13 : #25212b : -42
15 : #24212c : -40
17 : #24202d : -38
19 : #241f2e : -36
21 : #241e2e : -34
23 : #231d2f : -32
25 : #231d30 : -30
27 : #231c31 : -28
29 : #231b31 : -26
31 : #221a32 : -24
33 : #221a33 : -22
35 : #221934 : -20
37 : #221834 : -18
39 : #211735 : -16
41 : #211736 : -14
43 : #211637 : -12
45 : #211537 : -10
47 : #201438 : -8
49 : #201439 : -6
51 : #20133a : -4
53 : #1f123b : -2
55 : #1f113b : ±0
57 : #1f103c : +2
59 : #1f103d : +4
61 : #1e0f3e : +6
63 : #1e0e3e : +8
65 : #1e0d3f : +10
67 : #1e0d40 : +12
69 : #1d0c41 : +14
71 : #1d0b41 : +16
73 : #1d0a42 : +18
75 : #1d0a43 : +20
77 : #1c0944 : +22
79 : #1c0844 : +24
81 : #1c0745 : +26
83 : #1c0746 : +28
85 : #1b0647 : +30
87 : #1b0548 : +32
89 : #1b0448 : +34
91 : #1b0349 : +36
93 : #1a034a : +38
95 : #1a024b : +40
97 : #1a014b : +42
99 : #1a004c : +44
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -14
3 : #06030c : -12
5 : #0a0614 : -10
7 : #0f081c : -8
9 : #130a24 : -6
11 : #170d2b : -4
13 : #1b0f33 : -2
15 : #1f113b : ±0
17 : #231443 : +2
19 : #28164b : +4
21 : #2c1853 : +6
23 : #301a5b : +8
25 : #341d63 : +10
27 : #381f6b : +12
29 : #3c2173 : +14
31 : #41247b : +16
33 : #452682 : +18
35 : #49288a : +20
37 : #4d2a92 : +22
39 : #512d9a : +24
41 : #552fa2 : +26
43 : #5a31aa : +28
45 : #5e34b2 : +30
47 : #6236ba : +32
49 : #6638c2 : +34
51 : #6b3dc7 : +36
53 : #7145c9 : +38
55 : #774dcb : +40
57 : #7d55ce : +42
59 : #835dd0 : +44
61 : #8965d2 : +46
63 : #8f6dd5 : +48
65 : #9575d7 : +50
67 : #9b7dd9 : +52
69 : #a184db : +54
71 : #a78cde : +56
73 : #ae94e0 : +58
75 : #b49ce2 : +60
77 : #baa4e5 : +62
79 : #c0ace7 : +64
81 : #c6b4e9 : +66
83 : #ccbceb : +68
85 : #d2c4ee : +70
87 : #d8ccf0 : +72
89 : #ded4f2 : +74
91 : #e4dbf5 : +76
93 : #eae3f7 : +78
95 : #f0ebf9 : +80
97 : #f6f3fc : +82
99 : #fcfbfe : +84
CSS入門、作ってます。
text-shadow