#1f243d
RGB ( 赤 = 31, 緑 = 36, 青 = 61 )
HSL ( 色相 = 230°, 彩度 = 33%, 明度 = 18% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3d1f1f : -230
10 : #3d241f : -220
20 : #3d291f : -210
30 : #3d2e1f : -200
40 : #3d331f : -190
50 : #3d381f : -180
60 : #3d3d1f : -170
70 : #383d1f : -160
80 : #333d1f : -150
90 : #2e3d1f : -140
100 : #293d1f : -130
110 : #243d1f : -120
120 : #1f3d1f : -110
130 : #1f3d24 : -100
140 : #1f3d29 : -90
150 : #1f3d2e : -80
160 : #1f3d33 : -70
170 : #1f3d38 : -60
180 : #1f3d3d : -50
190 : #1f383d : -40
200 : #1f333d : -30
210 : #1f2e3d : -20
220 : #1f293d : -10
230 : #1f243d : ±0
240 : #1f1f3d : +10
250 : #241f3d : +20
260 : #291f3d : +30
270 : #2e1f3d : +40
280 : #331f3d : +50
290 : #381f3d : +60
300 : #3d1f3d : +70
310 : #3d1f38 : +80
320 : #3d1f33 : +90
330 : #3d1f2e : +100
340 : #3d1f29 : +110
350 : #3d1f24 : +120
220 : #1f293d : -10
221 : #1f283d : -9
222 : #1f283d : -8
223 : #1f273d : -7
224 : #1f273d : -6
225 : #1f263d : -5
226 : #1f263d : -4
227 : #1f253d : -3
228 : #1f253d : -2
229 : #1f243d : -1
230 : #1f243d : ±0
231 : #1f233d : +1
232 : #1f233d : +2
233 : #1f223d : +3
234 : #1f223d : +4
235 : #1f213d : +5
236 : #1f213d : +6
237 : #1f203d : +7
238 : #1f203d : +8
239 : #1f1f3d : +9
240 : #1f1f3d : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2d2e2e : -32
3 : #2d2d2f : -30
5 : #2c2c30 : -28
7 : #2b2c31 : -26
9 : #2a2b32 : -24
11 : #292b33 : -22
13 : #282a34 : -20
15 : #272935 : -18
17 : #262936 : -16
19 : #252837 : -14
21 : #242738 : -12
23 : #232738 : -10
25 : #222639 : -8
27 : #22263a : -6
29 : #21253b : -4
31 : #20243c : -2
33 : #1f243d : ±0
35 : #1e233e : +2
37 : #1d233f : +4
39 : #1c2240 : +6
41 : #1b2141 : +8
43 : #1a2142 : +10
45 : #192043 : +12
47 : #182043 : +14
49 : #171f44 : +16
51 : #161e45 : +18
53 : #161e46 : +20
55 : #151d47 : +22
57 : #141c48 : +24
59 : #131c49 : +26
61 : #121b4a : +28
63 : #111b4b : +30
65 : #101a4c : +32
67 : #0f194d : +34
69 : #0e194e : +36
71 : #0d184e : +38
73 : #0c184f : +40
75 : #0b1750 : +42
77 : #0b1651 : +44
79 : #0a1652 : +46
81 : #091553 : +48
83 : #081554 : +50
85 : #071455 : +52
87 : #061356 : +54
89 : #051357 : +56
91 : #041258 : +58
93 : #031159 : +60
95 : #02115a : +62
97 : #01105a : +64
99 : #00105b : +66
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #030407 : -16
4 : #07080e : -14
6 : #0a0c14 : -12
8 : #0e101b : -10
10 : #111422 : -8
12 : #151829 : -6
14 : #181c2f : -4
16 : #1b2036 : -2
18 : #1f243d : ±0
20 : #222844 : +2
22 : #262c4b : +4
24 : #293051 : +6
26 : #2c3458 : +8
28 : #30385f : +10
30 : #333c66 : +12
32 : #37406d : +14
34 : #3a4473 : +16
36 : #3e487a : +18
38 : #414c81 : +20
40 : #445088 : +22
42 : #48548e : +24
44 : #4b5895 : +26
46 : #4f5b9c : +28
48 : #525fa3 : +30
50 : #5563aa : +32
52 : #5c6aad : +34
54 : #6370b0 : +36
56 : #6a76b4 : +38
58 : #717cb7 : +40
60 : #7783bb : +42
62 : #7e89be : +44
64 : #858fc1 : +46
66 : #8c95c5 : +48
68 : #929bc8 : +50
70 : #99a2cc : +52
72 : #a0a8cf : +54
74 : #a7aed3 : +56
76 : #aeb4d6 : +58
78 : #b4bbd9 : +60
80 : #bbc1dd : +62
82 : #c2c7e0 : +64
84 : #c9cde4 : +66
86 : #d0d3e7 : +68
88 : #d6daea : +70
90 : #dde0ee : +72
92 : #e4e6f1 : +74
94 : #ebecf5 : +76
96 : #f1f3f8 : +78
98 : #f8f9fc : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow