#b22724
RGB ( 赤 = 178, 緑 = 39, 青 = 36 )
HSL ( 色相 = 1°, 彩度 = 66%, 明度 = 42% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #b22724 : ±0
11 : #b23e24 : +10
21 : #b25624 : +20
31 : #b26d24 : +30
41 : #b28524 : +40
51 : #b29d24 : +50
61 : #afb224 : +60
71 : #98b224 : +70
81 : #80b224 : +80
91 : #69b224 : +90
101 : #51b224 : +100
111 : #3ab224 : +110
121 : #24b227 : +120
131 : #24b23e : +130
141 : #24b256 : +140
151 : #24b26d : +150
161 : #24b285 : +160
171 : #24b29d : +170
181 : #24afb2 : +180
191 : #2498b2 : +190
201 : #2480b2 : +200
211 : #2469b2 : +210
221 : #2451b2 : +220
231 : #243ab2 : +230
241 : #2724b2 : +240
251 : #3e24b2 : +250
261 : #5624b2 : +260
271 : #6d24b2 : +270
281 : #8524b2 : +280
291 : #9d24b2 : +290
301 : #b224af : +300
311 : #b22498 : +310
321 : #b22480 : +320
331 : #b22469 : +330
341 : #b22451 : +340
351 : #b2243a : +350
351 : #b2243a : +350
352 : #b22437 : +351
353 : #b22435 : +352
354 : #b22433 : +353
355 : #b22430 : +354
356 : #b2242e : +355
357 : #b2242b : +356
358 : #b22429 : +357
359 : #b22427 : +358
0 : #b22424 : -1
1 : #b22724 : ±0
2 : #b22924 : +1
3 : #b22b24 : +2
4 : #b22e24 : +3
5 : #b23024 : +4
6 : #b23324 : +5
7 : #b23524 : +6
8 : #b23724 : +7
9 : #b23a24 : +8
10 : #b23c24 : +9
11 : #b23e24 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -66
2 : #6d6969 : -64
4 : #6f6767 : -62
6 : #726565 : -60
8 : #746363 : -58
10 : #766160 : -56
12 : #785f5e : -54
14 : #7a5d5c : -52
16 : #7c5b5a : -50
18 : #7e5858 : -48
20 : #815656 : -46
22 : #835454 : -44
24 : #855251 : -42
26 : #87504f : -40
28 : #894e4d : -38
30 : #8b4c4b : -36
32 : #8d4a49 : -34
34 : #904847 : -32
36 : #924645 : -30
38 : #944442 : -28
40 : #964240 : -26
42 : #98403e : -24
44 : #9a3e3c : -22
46 : #9c3b3a : -20
48 : #9f3938 : -18
50 : #a13736 : -16
52 : #a33533 : -14
54 : #a53331 : -12
56 : #a7312f : -10
58 : #a92f2d : -8
60 : #ab2d2b : -6
62 : #ae2b29 : -4
64 : #b02927 : -2
66 : #b22724 : ±0
68 : #b42522 : +2
70 : #b62320 : +4
72 : #b8211e : +6
74 : #ba1e1c : +8
76 : #bc1c1a : +10
78 : #bf1a18 : +12
80 : #c11815 : +14
82 : #c31613 : +16
84 : #c51411 : +18
86 : #c7120f : +20
88 : #c9100d : +22
90 : #cb0e0b : +24
92 : #ce0c09 : +26
94 : #d00a06 : +28
96 : #d20804 : +30
98 : #d40602 : +32
100 : #d60400 : +34
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080202 : -40
4 : #110403 : -38
6 : #190605 : -36
8 : #220707 : -34
10 : #2a0909 : -32
12 : #330b0a : -30
14 : #3b0d0c : -28
16 : #440f0e : -26
18 : #4c1110 : -24
20 : #551211 : -22
22 : #5d1413 : -20
24 : #661615 : -18
26 : #6e1817 : -16
28 : #771a18 : -14
30 : #7f1c1a : -12
32 : #871e1c : -10
34 : #901f1d : -8
36 : #98211f : -6
38 : #a12321 : -4
40 : #a92523 : -2
42 : #b22724 : ±0
44 : #ba2926 : +2
46 : #c32a28 : +4
48 : #cb2c2a : +6
50 : #d42e2b : +8
52 : #d53734 : +10
54 : #d73f3c : +12
56 : #d94745 : +14
58 : #db504d : +16
60 : #dc5856 : +18
62 : #de605e : +20
64 : #e06967 : +22
66 : #e2716f : +24
68 : #e37978 : +26
70 : #e58280 : +28
72 : #e78a88 : +30
74 : #e89291 : +32
76 : #ea9b99 : +34
78 : #eca3a2 : +36
80 : #eeabaa : +38
82 : #efb4b3 : +40
84 : #f1bcbb : +42
86 : #f3c5c4 : +44
88 : #f5cdcc : +46
90 : #f6d5d5 : +48
92 : #f8dedd : +50
94 : #fae6e6 : +52
96 : #fceeee : +54
98 : #fdf7f7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow