#bcb02f
RGB
赤 | 188 |
---|---|
緑 | 176 |
青 | 47 |
HSL
色相 | 55° |
---|---|
彩度 | 60% |
明度 | 46% |
輝度 | 65% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 188, 緑 = 176, 青 = 47 )
HSL ( 色相 = 55°, 彩度 = 60%, 明度 = 46% )
H : 色相 ( 55° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #bc3b2f : -50
15 : #bc522f : -40
25 : #bc6a2f : -30
35 : #bc812f : -20
45 : #bc982f : -10
55 : #bcb02f : ±0
65 : #b0bc2f : +10
75 : #98bc2f : +20
85 : #81bc2f : +30
95 : #6abc2f : +40
105 : #52bc2f : +50
115 : #3bbc2f : +60
125 : #2fbc3b : +70
135 : #2fbc52 : +80
145 : #2fbc6a : +90
155 : #2fbc81 : +100
165 : #2fbc98 : +110
175 : #2fbcb0 : +120
185 : #2fb0bc : +130
195 : #2f98bc : +140
205 : #2f81bc : +150
215 : #2f6abc : +160
225 : #2f52bc : +170
235 : #2f3bbc : +180
245 : #3b2fbc : +190
255 : #522fbc : +200
265 : #6a2fbc : +210
275 : #812fbc : +220
285 : #982fbc : +230
295 : #b02fbc : +240
305 : #bc2fb0 : +250
315 : #bc2f98 : +260
325 : #bc2f81 : +270
335 : #bc2f6a : +280
345 : #bc2f52 : +290
355 : #bc2f3b : +300
45 : #bc982f : -10
46 : #bc9b2f : -9
47 : #bc9d2f : -8
48 : #bca02f : -7
49 : #bca22f : -6
50 : #bca42f : -5
51 : #bca72f : -4
52 : #bca92f : -3
53 : #bcab2f : -2
54 : #bcae2f : -1
55 : #bcb02f : ±0
56 : #bcb22f : +1
57 : #bcb52f : +2
58 : #bcb72f : +3
59 : #bcb92f : +4
60 : #bcbc2f : +5
61 : #b9bc2f : +6
62 : #b7bc2f : +7
63 : #b5bc2f : +8
64 : #b2bc2f : +9
65 : #b0bc2f : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -60
2 : #787773 : -58
4 : #7a7971 : -56
6 : #7c7b6e : -54
8 : #7f7d6c : -52
10 : #817f6a : -50
12 : #838167 : -48
14 : #868365 : -46
16 : #888563 : -44
18 : #8a8760 : -42
20 : #8d895e : -40
22 : #8f8b5b : -38
24 : #918d59 : -36
26 : #948f57 : -34
28 : #969154 : -32
30 : #989352 : -30
32 : #9b9550 : -28
34 : #9d974d : -26
36 : #a0984b : -24
38 : #a29a49 : -22
40 : #a49c46 : -20
42 : #a79e44 : -18
44 : #a9a042 : -16
46 : #aba23f : -14
48 : #aea43d : -12
50 : #b0a63b : -10
52 : #b2a838 : -8
54 : #b5aa36 : -6
56 : #b7ac34 : -4
58 : #b9ae31 : -2
60 : #bcb02f : ±0
62 : #beb22d : +2
64 : #c0b42a : +4
66 : #c3b628 : +6
68 : #c5b826 : +8
70 : #c7ba23 : +10
72 : #cabc21 : +12
74 : #ccbe1e : +14
76 : #cec01c : +16
78 : #d1c21a : +18
80 : #d3c417 : +20
82 : #d5c515 : +22
84 : #d8c713 : +24
86 : #dac910 : +26
88 : #ddcb0e : +28
90 : #dfcd0c : +30
92 : #e1cf09 : +32
94 : #e4d107 : +34
96 : #e6d305 : +36
98 : #e8d502 : +38
100 : #ebd700 : +40
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #080802 : -44
4 : #100f04 : -42
6 : #181706 : -40
8 : #211f08 : -38
10 : #29260a : -36
12 : #312e0c : -34
14 : #39360e : -32
16 : #413d10 : -30
18 : #494512 : -28
20 : #524d14 : -26
22 : #5a5416 : -24
24 : #625c18 : -22
26 : #6a631b : -20
28 : #726b1d : -18
30 : #7a731f : -16
32 : #837a21 : -14
34 : #8b8223 : -12
36 : #938a25 : -10
38 : #9b9127 : -8
40 : #a39929 : -6
42 : #aba12b : -4
44 : #b4a82d : -2
46 : #bcb02f : ±0
48 : #c4b831 : +2
50 : #ccbf33 : +4
52 : #cec23b : +6
54 : #d0c443 : +8
56 : #d2c74b : +10
58 : #d4c954 : +12
60 : #d6cc5c : +14
62 : #d8cf64 : +16
64 : #dad16c : +18
66 : #dcd474 : +20
68 : #ded67c : +22
70 : #e0d985 : +24
72 : #e2db8d : +26
74 : #e4de95 : +28
76 : #e7e09d : +30
78 : #e9e3a5 : +32
80 : #ebe6ad : +34
82 : #ede8b6 : +36
84 : #efebbe : +38
86 : #f1edc6 : +40
88 : #f3f0ce : +42
90 : #f5f2d6 : +44
92 : #f7f5de : +46
94 : #f9f7e7 : +48
96 : #fbfaef : +50
98 : #fdfcf7 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow