#d31b17
RGB ( 赤 = 211, 緑 = 27, 青 = 23 )
HSL ( 色相 = 1°, 彩度 = 80%, 明度 = 46% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #d31b17 : ±0
11 : #d33a17 : +10
21 : #d35917 : +20
31 : #d37817 : +30
41 : #d39817 : +40
51 : #d3b717 : +50
61 : #d0d317 : +60
71 : #b1d317 : +70
81 : #91d317 : +80
91 : #72d317 : +90
101 : #53d317 : +100
111 : #34d317 : +110
121 : #17d31b : +120
131 : #17d33a : +130
141 : #17d359 : +140
151 : #17d378 : +150
161 : #17d398 : +160
171 : #17d3b7 : +170
181 : #17d0d3 : +180
191 : #17b1d3 : +190
201 : #1791d3 : +200
211 : #1772d3 : +210
221 : #1753d3 : +220
231 : #1734d3 : +230
241 : #1b17d3 : +240
251 : #3a17d3 : +250
261 : #5917d3 : +260
271 : #7817d3 : +270
281 : #9817d3 : +280
291 : #b717d3 : +290
301 : #d317d0 : +300
311 : #d317b1 : +310
321 : #d31791 : +320
331 : #d31772 : +330
341 : #d31753 : +340
351 : #d31734 : +350
351 : #d31734 : +350
352 : #d31730 : +351
353 : #d3172d : +352
354 : #d3172a : +353
355 : #d31727 : +354
356 : #d31724 : +355
357 : #d31721 : +356
358 : #d3171e : +357
359 : #d3171b : +358
0 : #d31717 : -1
1 : #d31b17 : ±0
2 : #d31e17 : +1
3 : #d32117 : +2
4 : #d32417 : +3
5 : #d32717 : +4
6 : #d32a17 : +5
7 : #d32d17 : +6
8 : #d33017 : +7
9 : #d33417 : +8
10 : #d33717 : +9
11 : #d33a17 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -80
2 : #787373 : -78
4 : #7a7171 : -76
6 : #7c6e6e : -74
8 : #7f6c6c : -72
10 : #816a6a : -70
12 : #836867 : -68
14 : #866565 : -66
16 : #886363 : -64
18 : #8a6160 : -62
20 : #8d5f5e : -60
22 : #8f5c5b : -58
24 : #915a59 : -56
26 : #945857 : -54
28 : #965654 : -52
30 : #985352 : -50
32 : #9b5150 : -48
34 : #9d4f4d : -46
36 : #a04c4b : -44
38 : #a24a49 : -42
40 : #a44846 : -40
42 : #a74644 : -38
44 : #a94342 : -36
46 : #ab413f : -34
48 : #ae3f3d : -32
50 : #b03d3b : -30
52 : #b23a38 : -28
54 : #b53836 : -26
56 : #b73634 : -24
58 : #b93431 : -22
60 : #bc312f : -20
62 : #be2f2d : -18
64 : #c02d2a : -16
66 : #c32a28 : -14
68 : #c52826 : -12
70 : #c72623 : -10
72 : #ca2421 : -8
74 : #cc211e : -6
76 : #ce1f1c : -4
78 : #d11d1a : -2
80 : #d31b17 : ±0
82 : #d51815 : +2
84 : #d81613 : +4
86 : #da1410 : +6
88 : #dd120e : +8
90 : #df0f0c : +10
92 : #e10d09 : +12
94 : #e40b07 : +14
96 : #e60805 : +16
98 : #e80602 : +18
100 : #eb0400 : +20
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #090101 : -44
4 : #120202 : -42
6 : #1c0303 : -40
8 : #250504 : -38
10 : #2e0605 : -36
12 : #370706 : -34
14 : #400807 : -32
16 : #490908 : -30
18 : #530a09 : -28
20 : #5c0c0a : -26
22 : #650d0b : -24
24 : #6e0e0c : -22
26 : #770f0d : -20
28 : #81100e : -18
30 : #8a110f : -16
32 : #931210 : -14
34 : #9c1411 : -12
36 : #a51512 : -10
38 : #ae1613 : -8
40 : #b81714 : -6
42 : #c11815 : -4
44 : #ca1916 : -2
46 : #d31b17 : ±0
48 : #dc1c18 : +2
50 : #e61d1a : +4
52 : #e72623 : +6
54 : #e82f2c : +8
56 : #e93835 : +10
58 : #ea413e : +12
60 : #eb4a47 : +14
62 : #ec5351 : +16
64 : #ed5c5a : +18
66 : #ee6563 : +20
68 : #ef6e6c : +22
70 : #f07775 : +24
72 : #f1807e : +26
74 : #f28988 : +28
76 : #f39291 : +30
78 : #f49c9a : +32
80 : #f5a5a3 : +34
82 : #f6aeac : +36
84 : #f7b7b6 : +38
86 : #f8c0bf : +40
88 : #f9c9c8 : +42
90 : #fad2d1 : +44
92 : #fbdbda : +46
94 : #fce4e3 : +48
96 : #fdeded : +50
98 : #fef6f6 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow