#ab2307
RGB ( 赤 = 171, 緑 = 35, 青 = 7 )
HSL ( 色相 = 10°, 彩度 = 92%, 明度 = 35% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ab0707 : -10
10 : #ab2307 : ±0
20 : #ab3e07 : +10
30 : #ab5907 : +20
40 : #ab7507 : +30
50 : #ab9007 : +40
60 : #abab07 : +50
70 : #90ab07 : +60
80 : #75ab07 : +70
90 : #59ab07 : +80
100 : #3eab07 : +90
110 : #23ab07 : +100
120 : #07ab07 : +110
130 : #07ab23 : +120
140 : #07ab3e : +130
150 : #07ab59 : +140
160 : #07ab75 : +150
170 : #07ab90 : +160
180 : #07abab : +170
190 : #0790ab : +180
200 : #0775ab : +190
210 : #0759ab : +200
220 : #073eab : +210
230 : #0723ab : +220
240 : #0707ab : +230
250 : #2307ab : +240
260 : #3e07ab : +250
270 : #5907ab : +260
280 : #7507ab : +270
290 : #9007ab : +280
300 : #ab07ab : +290
310 : #ab0790 : +300
320 : #ab0775 : +310
330 : #ab0759 : +320
340 : #ab073e : +330
350 : #ab0723 : +340
0 : #ab0707 : -10
1 : #ab0a07 : -9
2 : #ab0d07 : -8
3 : #ab0f07 : -7
4 : #ab1207 : -6
5 : #ab1507 : -5
6 : #ab1807 : -4
7 : #ab1a07 : -3
8 : #ab1d07 : -2
9 : #ab2007 : -1
10 : #ab2307 : ±0
11 : #ab2507 : +1
12 : #ab2807 : +2
13 : #ab2b07 : +3
14 : #ab2d07 : +4
15 : #ab3007 : +5
16 : #ab3307 : +6
17 : #ab3607 : +7
18 : #ab3807 : +8
19 : #ab3b07 : +9
20 : #ab3e07 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -92
2 : #5b5857 : -90
4 : #5d5756 : -88
6 : #5f5654 : -86
8 : #605452 : -84
10 : #625350 : -82
12 : #64524f : -80
14 : #66514d : -78
16 : #68504b : -76
18 : #694f49 : -74
20 : #6b4d47 : -72
22 : #6d4c46 : -70
24 : #6f4b44 : -68
26 : #704a42 : -66
28 : #724940 : -64
30 : #74473e : -62
32 : #76463d : -60
34 : #78453b : -58
36 : #794439 : -56
38 : #7b4337 : -54
40 : #7d4136 : -52
42 : #7f4034 : -50
44 : #813f32 : -48
46 : #823e30 : -46
48 : #843d2e : -44
50 : #863c2d : -42
52 : #883a2b : -40
54 : #893929 : -38
56 : #8b3827 : -36
58 : #8d3725 : -34
60 : #8f3624 : -32
62 : #913422 : -30
64 : #923320 : -28
66 : #94321e : -26
68 : #96311d : -24
70 : #98301b : -22
72 : #9a2e19 : -20
74 : #9b2d17 : -18
76 : #9d2c15 : -16
78 : #9f2b14 : -14
80 : #a12a12 : -12
82 : #a22810 : -10
84 : #a4270e : -8
86 : #a6260c : -6
88 : #a8250b : -4
90 : #aa2409 : -2
92 : #ab2307 : ±0
94 : #ad2105 : +2
96 : #af2004 : +4
98 : #b11f02 : +6
100 : #b31e00 : +8
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -34
3 : #0f0301 : -32
5 : #180501 : -30
7 : #220701 : -28
9 : #2c0902 : -26
11 : #360b02 : -24
13 : #400d03 : -22
15 : #490f03 : -20
17 : #531103 : -18
19 : #5d1304 : -16
21 : #671504 : -14
23 : #711705 : -12
25 : #7a1905 : -10
27 : #841b06 : -8
29 : #8e1d06 : -6
31 : #981f06 : -4
33 : #a22107 : -2
35 : #ab2307 : ±0
37 : #b52408 : +2
39 : #bf2608 : +4
41 : #c92808 : +6
43 : #d32a09 : +8
45 : #dc2c09 : +10
47 : #e62e0a : +12
49 : #f0300a : +14
51 : #f5350f : +16
53 : #f53e19 : +18
55 : #f64623 : +20
57 : #f64e2c : +22
59 : #f75636 : +24
61 : #f75f40 : +26
63 : #f7674a : +28
65 : #f86f54 : +30
67 : #f8775d : +32
69 : #f97f67 : +34
71 : #f98871 : +36
73 : #f9907b : +38
75 : #fa9885 : +40
77 : #faa08e : +42
79 : #fba998 : +44
81 : #fbb1a2 : +46
83 : #fcb9ac : +48
85 : #fcc1b6 : +50
87 : #fccabf : +52
89 : #fdd2c9 : +54
91 : #fddad3 : +56
93 : #fee2dd : +58
95 : #feeae7 : +60
97 : #fef3f0 : +62
99 : #fffbfa : +64
CSS入門、作ってます。
text-shadow