#1f023b
RGB ( 赤 = 31, 緑 = 2, 青 = 59 )
HSL ( 色相 = 271°, 彩度 = 93%, 明度 = 12% )
H : 色相 ( 271° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #3b0302 : -270
11 : #3b0d02 : -260
21 : #3b1602 : -250
31 : #3b2002 : -240
41 : #3b2902 : -230
51 : #3b3302 : -220
61 : #3a3b02 : -210
71 : #313b02 : -200
81 : #273b02 : -190
91 : #1e3b02 : -180
101 : #143b02 : -170
111 : #0b3b02 : -160
121 : #023b03 : -150
131 : #023b0d : -140
141 : #023b16 : -130
151 : #023b20 : -120
161 : #023b29 : -110
171 : #023b33 : -100
181 : #023a3b : -90
191 : #02313b : -80
201 : #02273b : -70
211 : #021e3b : -60
221 : #02143b : -50
231 : #020b3b : -40
241 : #03023b : -30
251 : #0d023b : -20
261 : #16023b : -10
271 : #20023b : ±0
281 : #29023b : +10
291 : #33023b : +20
301 : #3b023a : +30
311 : #3b0231 : +40
321 : #3b0227 : +50
331 : #3b021e : +60
341 : #3b0214 : +70
351 : #3b020b : +80
261 : #16023b : -10
262 : #17023b : -9
263 : #18023b : -8
264 : #19023b : -7
265 : #1a023b : -6
266 : #1b023b : -5
267 : #1c023b : -4
268 : #1d023b : -3
269 : #1e023b : -2
270 : #1f023b : -1
271 : #20023b : ±0
272 : #20023b : +1
273 : #21023b : +2
274 : #22023b : +3
275 : #23023b : +4
276 : #24023b : +5
277 : #25023b : +6
278 : #26023b : +7
279 : #27023b : +8
280 : #28023b : +9
281 : #29023b : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1f1e1f : -92
3 : #1f1e20 : -90
5 : #1f1d20 : -88
7 : #1f1c21 : -86
9 : #1f1c21 : -84
11 : #1f1b22 : -82
13 : #1f1b23 : -80
15 : #1f1a23 : -78
17 : #1f1924 : -76
19 : #1f1924 : -74
21 : #1f1825 : -72
23 : #1f1826 : -70
25 : #1f1726 : -68
27 : #1f1627 : -66
29 : #1f1627 : -64
31 : #1f1528 : -62
33 : #1f1529 : -60
35 : #1f1429 : -58
37 : #1f132a : -56
39 : #1f132b : -54
41 : #1f122b : -52
43 : #1f112c : -50
45 : #1f112c : -48
47 : #1f102d : -46
49 : #1f102e : -44
51 : #1f0f2e : -42
53 : #1f0e2f : -40
55 : #1f0e2f : -38
57 : #1f0d30 : -36
59 : #1f0d31 : -34
61 : #1f0c31 : -32
63 : #1f0b32 : -30
65 : #1f0b32 : -28
67 : #1f0a33 : -26
69 : #1f0934 : -24
71 : #1f0934 : -22
73 : #1f0835 : -20
75 : #1f0836 : -18
77 : #1f0736 : -16
79 : #1f0637 : -14
81 : #1f0637 : -12
83 : #1f0538 : -10
85 : #1f0539 : -8
87 : #1f0439 : -6
89 : #20033a : -4
91 : #20033a : -2
93 : #20023b : ±0
95 : #20023c : +2
97 : #20013c : +4
99 : #20003d : +6
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #05000a : -10
4 : #0b0114 : -8
6 : #10011e : -6
8 : #150127 : -4
10 : #1a0231 : -2
12 : #20023b : ±0
14 : #250245 : +2
16 : #2a034f : +4
18 : #2f0359 : +6
20 : #350462 : +8
22 : #3a046c : +10
24 : #3f0476 : +12
26 : #440580 : +14
28 : #4a058a : +16
30 : #4f0594 : +18
32 : #54069d : +20
34 : #5906a7 : +22
36 : #5f06b1 : +24
38 : #6407bb : +26
40 : #6907c5 : +28
42 : #6e07cf : +30
44 : #7408d9 : +32
46 : #7908e2 : +34
48 : #7e09ec : +36
50 : #8309f6 : +38
52 : #8813f6 : +40
54 : #8d1df7 : +42
56 : #9226f7 : +44
58 : #9730f8 : +46
60 : #9c3af8 : +48
62 : #a144f8 : +50
64 : #a64ef9 : +52
66 : #ab58f9 : +54
68 : #b062f9 : +56
70 : #b56bfa : +58
72 : #ba75fa : +60
74 : #bf7ffa : +62
76 : #c489fb : +64
78 : #c993fb : +66
80 : #ce9dfb : +68
82 : #d3a6fc : +70
84 : #d7b0fc : +72
86 : #dcbafd : +74
88 : #e1c4fd : +76
90 : #e6cefd : +78
92 : #ebd8fe : +80
94 : #f0e1fe : +82
96 : #f5ebfe : +84
98 : #faf5ff : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow