#d83122
RGB ( 赤 = 216, 緑 = 49, 青 = 34 )
HSL ( 色相 = 5°, 彩度 = 73%, 明度 = 49% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #d83122 : ±0
15 : #d84f22 : +10
25 : #d86e22 : +20
35 : #d88c22 : +30
45 : #d8ab22 : +40
55 : #d8c922 : +50
65 : #c9d822 : +60
75 : #abd822 : +70
85 : #8cd822 : +80
95 : #6ed822 : +90
105 : #4fd822 : +100
115 : #31d822 : +110
125 : #22d831 : +120
135 : #22d84f : +130
145 : #22d86e : +140
155 : #22d88c : +150
165 : #22d8ab : +160
175 : #22d8c9 : +170
185 : #22c9d8 : +180
195 : #22abd8 : +190
205 : #228cd8 : +200
215 : #226ed8 : +210
225 : #224fd8 : +220
235 : #2231d8 : +230
245 : #3122d8 : +240
255 : #4f22d8 : +250
265 : #6e22d8 : +260
275 : #8c22d8 : +270
285 : #ab22d8 : +280
295 : #c922d8 : +290
305 : #d822c9 : +300
315 : #d822ab : +310
325 : #d8228c : +320
335 : #d8226e : +330
345 : #d8224f : +340
355 : #d82231 : +350
355 : #d82231 : +350
356 : #d8222e : +351
357 : #d8222b : +352
358 : #d82228 : +353
359 : #d82225 : +354
0 : #d82222 : -5
1 : #d82522 : -4
2 : #d82822 : -3
3 : #d82b22 : -2
4 : #d82e22 : -1
5 : #d83122 : ±0
6 : #d83422 : +1
7 : #d83722 : +2
8 : #d83a22 : +3
9 : #d83d22 : +4
10 : #d84022 : +5
11 : #d84322 : +6
12 : #d84622 : +7
13 : #d84922 : +8
14 : #d84c22 : +9
15 : #d84f22 : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7c : -72
3 : #817a79 : -70
5 : #837877 : -68
7 : #867674 : -66
9 : #887472 : -64
11 : #8b716f : -62
13 : #8d6f6d : -60
15 : #906d6a : -58
17 : #926b68 : -56
19 : #956965 : -54
21 : #976763 : -52
23 : #9a6560 : -50
25 : #9c635e : -48
27 : #9f615b : -46
29 : #a15f59 : -44
31 : #a45d56 : -42
33 : #a65b54 : -40
35 : #a95951 : -38
37 : #ab564f : -36
39 : #ae544c : -34
41 : #b0524a : -32
43 : #b35047 : -30
45 : #b54e45 : -28
47 : #b84c42 : -26
49 : #ba4a40 : -24
51 : #bd483d : -22
53 : #bf463b : -20
55 : #c24438 : -18
57 : #c44236 : -16
59 : #c74033 : -14
61 : #c93d31 : -12
63 : #cc3b2e : -10
65 : #ce392c : -8
67 : #d13729 : -6
69 : #d33527 : -4
71 : #d63324 : -2
73 : #d83122 : ±0
75 : #db2f1f : +2
77 : #dd2d1d : +4
79 : #e02b1a : +6
81 : #e22918 : +8
83 : #e52715 : +10
85 : #e72413 : +12
87 : #ea2210 : +14
89 : #ec200e : +16
91 : #ef1e0b : +18
93 : #f11c09 : +20
95 : #f41a06 : +22
97 : #f61804 : +24
99 : #f91601 : +26
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -48
3 : #0d0302 : -46
5 : #160503 : -44
7 : #1f0705 : -42
9 : #280906 : -40
11 : #310b08 : -38
13 : #390d09 : -36
15 : #420f0a : -34
17 : #4b110c : -32
19 : #54130d : -30
21 : #5d150e : -28
23 : #651710 : -26
25 : #6e1911 : -24
27 : #771b13 : -22
29 : #801d14 : -20
31 : #891f15 : -18
33 : #922117 : -16
35 : #9a2318 : -14
37 : #a32519 : -12
39 : #ac271b : -10
41 : #b5291c : -8
43 : #be2b1e : -6
45 : #c72d1f : -4
47 : #cf2f20 : -2
49 : #d83122 : ±0
51 : #dd3627 : +2
53 : #df3e30 : +4
55 : #e04638 : +6
57 : #e14f41 : +8
59 : #e3574a : +10
61 : #e45f53 : +12
63 : #e6675c : +14
65 : #e76f65 : +16
67 : #e8786d : +18
69 : #ea8076 : +20
71 : #eb887f : +22
73 : #ec9088 : +24
75 : #ee9891 : +26
77 : #efa19a : +28
79 : #f1a9a2 : +30
81 : #f2b1ab : +32
83 : #f3b9b4 : +34
85 : #f5c1bd : +36
87 : #f6cac6 : +38
89 : #f7d2ce : +40
91 : #f9dad7 : +42
93 : #fae2e0 : +44
95 : #fceae9 : +46
97 : #fdf3f2 : +48
99 : #fefbfb : +50
CSS入門、作ってます。
text-shadow