#be8a23
RGB ( 赤 = 190, 緑 = 138, 青 = 35 )
HSL ( 色相 = 40°, 彩度 = 69%, 明度 = 44% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #be2323 : -40
10 : #be3d23 : -30
20 : #be5623 : -20
30 : #be7023 : -10
40 : #be8a23 : ±0
50 : #bea423 : +10
60 : #bebe23 : +20
70 : #a4be23 : +30
80 : #8abe23 : +40
90 : #70be23 : +50
100 : #56be23 : +60
110 : #3dbe23 : +70
120 : #23be23 : +80
130 : #23be3d : +90
140 : #23be56 : +100
150 : #23be70 : +110
160 : #23be8a : +120
170 : #23bea4 : +130
180 : #23bebe : +140
190 : #23a4be : +150
200 : #238abe : +160
210 : #2370be : +170
220 : #2356be : +180
230 : #233dbe : +190
240 : #2323be : +200
250 : #3d23be : +210
260 : #5623be : +220
270 : #7023be : +230
280 : #8a23be : +240
290 : #a423be : +250
300 : #be23be : +260
310 : #be23a4 : +270
320 : #be238a : +280
330 : #be2370 : +290
340 : #be2356 : +300
350 : #be233d : +310
30 : #be7023 : -10
31 : #be7323 : -9
32 : #be7523 : -8
33 : #be7823 : -7
34 : #be7b23 : -6
35 : #be7d23 : -5
36 : #be8023 : -4
37 : #be8223 : -3
38 : #be8523 : -2
39 : #be8723 : -1
40 : #be8a23 : ±0
41 : #be8d23 : +1
42 : #be8f23 : +2
43 : #be9223 : +3
44 : #be9423 : +4
45 : #be9723 : +5
46 : #be9923 : +6
47 : #be9c23 : +7
48 : #be9f23 : +8
49 : #bea123 : +9
50 : #bea423 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #71716f : -68
3 : #74716d : -66
5 : #76726b : -64
7 : #787368 : -62
9 : #7a7466 : -60
11 : #7d7464 : -58
13 : #7f7562 : -56
15 : #81765f : -54
17 : #83775d : -52
19 : #86775b : -50
21 : #887859 : -48
23 : #8a7956 : -46
25 : #8c7a54 : -44
27 : #8e7a52 : -42
29 : #917b50 : -40
31 : #937c4d : -38
33 : #957d4b : -36
35 : #977d49 : -34
37 : #9a7e47 : -32
39 : #9c7f44 : -30
41 : #9e8042 : -28
43 : #a08040 : -26
45 : #a3813e : -24
47 : #a5823b : -22
49 : #a78339 : -20
51 : #a98337 : -18
53 : #ac8435 : -16
55 : #ae8532 : -14
57 : #b08630 : -12
59 : #b2862e : -10
61 : #b5872c : -8
63 : #b7882a : -6
65 : #b98927 : -4
67 : #bb8925 : -2
69 : #be8a23 : ±0
71 : #c08b21 : +2
73 : #c28c1e : +4
75 : #c48c1c : +6
77 : #c78d1a : +8
79 : #c98e18 : +10
81 : #cb8e15 : +12
83 : #cd8f13 : +14
85 : #d09011 : +16
87 : #d2910f : +18
89 : #d4910c : +20
91 : #d6920a : +22
93 : #d99308 : +24
95 : #db9406 : +26
97 : #dd9403 : +28
99 : #df9501 : +30
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #090602 : -42
4 : #110d03 : -40
6 : #1a1305 : -38
8 : #221906 : -36
10 : #2b1f08 : -34
12 : #342609 : -32
14 : #3c2c0b : -30
16 : #45320d : -28
18 : #4e380e : -26
20 : #563f10 : -24
22 : #5f4511 : -22
24 : #674b13 : -20
26 : #705215 : -18
28 : #795816 : -16
30 : #815e18 : -14
32 : #8a6419 : -12
34 : #936b1b : -10
36 : #9b711c : -8
38 : #a4771e : -6
40 : #ac7d20 : -4
42 : #b58421 : -2
44 : #be8a23 : ±0
46 : #c69024 : +2
48 : #cf9726 : +4
50 : #d79d28 : +6
52 : #d9a130 : +8
54 : #dba539 : +10
56 : #dca941 : +12
58 : #dead4a : +14
60 : #dfb053 : +16
62 : #e1b45b : +18
64 : #e3b864 : +20
66 : #e4bc6c : +22
68 : #e6c075 : +24
70 : #e7c47e : +26
72 : #e9c886 : +28
74 : #eacc8f : +30
76 : #ecd098 : +32
78 : #eed4a0 : +34
80 : #efd8a9 : +36
82 : #f1dcb1 : +38
84 : #f2e0ba : +40
86 : #f4e4c3 : +42
88 : #f6e7cb : +44
90 : #f7ebd4 : +46
92 : #f9efdd : +48
94 : #faf3e5 : +50
96 : #fcf7ee : +52
98 : #fdfbf6 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow