#b21e0a
RGB ( 赤 = 178, 緑 = 30, 青 = 10 )
HSL ( 色相 = 7°, 彩度 = 89%, 明度 = 37% )
H : 色相 ( 7° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #b21e0a : ±0
17 : #b23a0a : +10
27 : #b2560a : +20
37 : #b2720a : +30
47 : #b28e0a : +40
57 : #b2aa0a : +50
67 : #9fb20a : +60
77 : #83b20a : +70
87 : #67b20a : +80
97 : #4bb20a : +90
107 : #2fb20a : +100
117 : #13b20a : +110
127 : #0ab21e : +120
137 : #0ab23a : +130
147 : #0ab256 : +140
157 : #0ab272 : +150
167 : #0ab28e : +160
177 : #0ab2aa : +170
187 : #0a9fb2 : +180
197 : #0a83b2 : +190
207 : #0a67b2 : +200
217 : #0a4bb2 : +210
227 : #0a2fb2 : +220
237 : #0a13b2 : +230
247 : #1e0ab2 : +240
257 : #3a0ab2 : +250
267 : #560ab2 : +260
277 : #720ab2 : +270
287 : #8e0ab2 : +280
297 : #aa0ab2 : +290
307 : #b20a9f : +300
317 : #b20a83 : +310
327 : #b20a67 : +320
337 : #b20a4b : +330
347 : #b20a2f : +340
357 : #b20a13 : +350
357 : #b20a13 : +350
358 : #b20a10 : +351
359 : #b20a0d : +352
0 : #b20a0a : -7
1 : #b20d0a : -6
2 : #b2100a : -5
3 : #b2130a : -4
4 : #b2160a : -3
5 : #b2180a : -2
6 : #b21b0a : -1
7 : #b21e0a : ±0
8 : #b2210a : +1
9 : #b2240a : +2
10 : #b2260a : +3
11 : #b2290a : +4
12 : #b22c0a : +5
13 : #b22f0a : +6
14 : #b2320a : +7
15 : #b2340a : +8
16 : #b2370a : +9
17 : #b23a0a : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5f5e5d : -88
3 : #615c5c : -86
5 : #635b5a : -84
7 : #655958 : -82
9 : #675856 : -80
11 : #695654 : -78
13 : #6b5552 : -76
15 : #6d5350 : -74
17 : #6e524e : -72
19 : #70514c : -70
21 : #724f4b : -68
23 : #744e49 : -66
25 : #764c47 : -64
27 : #784b45 : -62
29 : #7a4943 : -60
31 : #7c4841 : -58
33 : #7d463f : -56
35 : #7f453d : -54
37 : #81443b : -52
39 : #83423a : -50
41 : #854138 : -48
43 : #873f36 : -46
45 : #893e34 : -44
47 : #8b3c32 : -42
49 : #8d3b30 : -40
51 : #8e392e : -38
53 : #90382c : -36
55 : #92372a : -34
57 : #943529 : -32
59 : #963427 : -30
61 : #983225 : -28
63 : #9a3123 : -26
65 : #9c2f21 : -24
67 : #9e2e1f : -22
69 : #9f2c1d : -20
71 : #a12b1b : -18
73 : #a32a19 : -16
75 : #a52818 : -14
77 : #a72716 : -12
79 : #a92514 : -10
81 : #ab2412 : -8
83 : #ad2210 : -6
85 : #af210e : -4
87 : #b01f0c : -2
89 : #b21e0a : ±0
91 : #b41d08 : +2
93 : #b61b07 : +4
95 : #b81a05 : +6
97 : #ba1803 : +8
99 : #bc1701 : +10
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -36
3 : #0e0201 : -34
5 : #180401 : -32
7 : #220602 : -30
9 : #2b0703 : -28
11 : #350903 : -26
13 : #3f0b04 : -24
15 : #480c04 : -22
17 : #520e05 : -20
19 : #5c0f05 : -18
21 : #651106 : -16
23 : #6f1306 : -14
25 : #781407 : -12
27 : #821608 : -10
29 : #8c1708 : -8
31 : #951909 : -6
33 : #9f1b09 : -4
35 : #a91c0a : -2
37 : #b21e0a : ±0
39 : #bc200b : +2
41 : #c6210c : +4
43 : #cf230c : +6
45 : #d9240d : +8
47 : #e3260d : +10
49 : #ec280e : +12
51 : #f12d13 : +14
53 : #f2351c : +16
55 : #f23e26 : +18
57 : #f34730 : +20
59 : #f34f39 : +22
61 : #f45843 : +24
63 : #f5604d : +26
65 : #f56956 : +28
67 : #f67160 : +30
69 : #f67a6a : +32
71 : #f78373 : +34
73 : #f78b7d : +36
75 : #f89487 : +38
77 : #f99c90 : +40
79 : #f9a59a : +42
81 : #faada3 : +44
83 : #fab6ad : +46
85 : #fbbfb7 : +48
87 : #fbc7c0 : +50
89 : #fcd0ca : +52
91 : #fcd8d4 : +54
93 : #fde1dd : +56
95 : #feeae7 : +58
97 : #fef2f1 : +60
99 : #fffbfa : +62
CSS入門、作ってます。
text-shadow