#bc982f
RGB ( 赤 = 188, 緑 = 152, 青 = 47 )
HSL ( 色相 = 45°, 彩度 = 60%, 明度 = 46% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #bc3b2f : -40
15 : #bc522f : -30
25 : #bc6a2f : -20
35 : #bc812f : -10
45 : #bc982f : ±0
55 : #bcb02f : +10
65 : #b0bc2f : +20
75 : #98bc2f : +30
85 : #81bc2f : +40
95 : #6abc2f : +50
105 : #52bc2f : +60
115 : #3bbc2f : +70
125 : #2fbc3b : +80
135 : #2fbc52 : +90
145 : #2fbc6a : +100
155 : #2fbc81 : +110
165 : #2fbc98 : +120
175 : #2fbcb0 : +130
185 : #2fb0bc : +140
195 : #2f98bc : +150
205 : #2f81bc : +160
215 : #2f6abc : +170
225 : #2f52bc : +180
235 : #2f3bbc : +190
245 : #3b2fbc : +200
255 : #522fbc : +210
265 : #6a2fbc : +220
275 : #812fbc : +230
285 : #982fbc : +240
295 : #b02fbc : +250
305 : #bc2fb0 : +260
315 : #bc2f98 : +270
325 : #bc2f81 : +280
335 : #bc2f6a : +290
345 : #bc2f52 : +300
355 : #bc2f3b : +310
35 : #bc812f : -10
36 : #bc832f : -9
37 : #bc862f : -8
38 : #bc882f : -7
39 : #bc8a2f : -6
40 : #bc8d2f : -5
41 : #bc8f2f : -4
42 : #bc912f : -3
43 : #bc942f : -2
44 : #bc962f : -1
45 : #bc982f : ±0
46 : #bc9b2f : +1
47 : #bc9d2f : +2
48 : #bca02f : +3
49 : #bca22f : +4
50 : #bca42f : +5
51 : #bca72f : +6
52 : #bca92f : +7
53 : #bcab2f : +8
54 : #bcae2f : +9
55 : #bcb02f : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -60
2 : #787673 : -58
4 : #7a7871 : -56
6 : #7c796e : -54
8 : #7f7a6c : -52
10 : #817b6a : -50
12 : #837c67 : -48
14 : #867e65 : -46
16 : #887f63 : -44
18 : #8a8060 : -42
20 : #8d815e : -40
22 : #8f825b : -38
24 : #918359 : -36
26 : #948557 : -34
28 : #968654 : -32
30 : #988752 : -30
32 : #9b8850 : -28
34 : #9d894d : -26
36 : #a08a4b : -24
38 : #a28c49 : -22
40 : #a48d46 : -20
42 : #a78e44 : -18
44 : #a98f42 : -16
46 : #ab903f : -14
48 : #ae913d : -12
50 : #b0933b : -10
52 : #b29438 : -8
54 : #b59536 : -6
56 : #b79634 : -4
58 : #b99731 : -2
60 : #bc982f : ±0
62 : #be9a2d : +2
64 : #c09b2a : +4
66 : #c39c28 : +6
68 : #c59d26 : +8
70 : #c79e23 : +10
72 : #caa021 : +12
74 : #cca11e : +14
76 : #cea21c : +16
78 : #d1a31a : +18
80 : #d3a417 : +20
82 : #d5a515 : +22
84 : #d8a713 : +24
86 : #daa810 : +26
88 : #dda90e : +28
90 : #dfaa0c : +30
92 : #e1ab09 : +32
94 : #e4ac07 : +34
96 : #e6ae05 : +36
98 : #e8af02 : +38
100 : #ebb000 : +40
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #080702 : -44
4 : #100d04 : -42
6 : #181406 : -40
8 : #211b08 : -38
10 : #29210a : -36
12 : #31280c : -34
14 : #392e0e : -32
16 : #413510 : -30
18 : #493c12 : -28
20 : #524214 : -26
22 : #5a4916 : -24
24 : #625018 : -22
26 : #6a561b : -20
28 : #725d1d : -18
30 : #7a631f : -16
32 : #836a21 : -14
34 : #8b7123 : -12
36 : #937725 : -10
38 : #9b7e27 : -8
40 : #a38529 : -6
42 : #ab8b2b : -4
44 : #b4922d : -2
46 : #bc982f : ±0
48 : #c49f31 : +2
50 : #cca633 : +4
52 : #cea93b : +6
54 : #d0ad43 : +8
56 : #d2b04b : +10
58 : #d4b454 : +12
60 : #d6b85c : +14
62 : #d8bb64 : +16
64 : #dabf6c : +18
66 : #dcc274 : +20
68 : #dec67c : +22
70 : #e0c985 : +24
72 : #e2cd8d : +26
74 : #e4d195 : +28
76 : #e7d49d : +30
78 : #e9d8a5 : +32
80 : #ebdbad : +34
82 : #eddfb6 : +36
84 : #efe2be : +38
86 : #f1e6c6 : +40
88 : #f3eace : +42
90 : #f5edd6 : +44
92 : #f7f1de : +46
94 : #f9f4e7 : +48
96 : #fbf8ef : +50
98 : #fdfbf7 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow