#bdae89
RGB
赤 | 189 |
---|---|
緑 | 174 |
青 | 137 |
HSL
色相 | 43° |
---|---|
彩度 | 28% |
明度 | 64% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 189, 緑 = 174, 青 = 137 )
HSL ( 色相 = 43°, 彩度 = 28%, 明度 = 64% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #bd8c89 : -40
13 : #bd9589 : -30
23 : #bd9d89 : -20
33 : #bda689 : -10
43 : #bdae89 : ±0
53 : #bdb789 : +10
63 : #babd89 : +20
73 : #b2bd89 : +30
83 : #a9bd89 : +40
93 : #a1bd89 : +50
103 : #98bd89 : +60
113 : #8fbd89 : +70
123 : #89bd8c : +80
133 : #89bd95 : +90
143 : #89bd9d : +100
153 : #89bda6 : +110
163 : #89bdae : +120
173 : #89bdb7 : +130
183 : #89babd : +140
193 : #89b2bd : +150
203 : #89a9bd : +160
213 : #89a1bd : +170
223 : #8998bd : +180
233 : #898fbd : +190
243 : #8c89bd : +200
253 : #9589bd : +210
263 : #9d89bd : +220
273 : #a689bd : +230
283 : #ae89bd : +240
293 : #b789bd : +250
303 : #bd89ba : +260
313 : #bd89b2 : +270
323 : #bd89a9 : +280
333 : #bd89a1 : +290
343 : #bd8998 : +300
353 : #bd898f : +310
33 : #bda689 : -10
34 : #bda789 : -9
35 : #bda789 : -8
36 : #bda889 : -7
37 : #bda989 : -6
38 : #bdaa89 : -5
39 : #bdab89 : -4
40 : #bdac89 : -3
41 : #bdad89 : -2
42 : #bdad89 : -1
43 : #bdae89 : ±0
44 : #bdaf89 : +1
45 : #bdb089 : +2
46 : #bdb189 : +3
47 : #bdb289 : +4
48 : #bdb389 : +5
49 : #bdb389 : +6
50 : #bdb489 : +7
51 : #bdb589 : +8
52 : #bdb689 : +9
53 : #bdb789 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -28
2 : #a5a4a1 : -26
4 : #a7a5a0 : -24
6 : #a9a69e : -22
8 : #aba69c : -20
10 : #aca79a : -18
12 : #aea898 : -16
14 : #b0a996 : -14
16 : #b2aa95 : -12
18 : #b4aa93 : -10
20 : #b6ab91 : -8
22 : #b7ac8f : -6
24 : #b9ad8d : -4
26 : #bbae8b : -2
28 : #bdae89 : ±0
30 : #bfaf88 : +2
32 : #c1b086 : +4
34 : #c2b184 : +6
36 : #c4b282 : +8
38 : #c6b280 : +10
40 : #c8b37e : +12
42 : #cab47d : +14
44 : #ccb57b : +16
46 : #cdb579 : +18
48 : #cfb677 : +20
50 : #d1b775 : +22
52 : #d3b873 : +24
54 : #d5b972 : +26
56 : #d7b970 : +28
58 : #d8ba6e : +30
60 : #dabb6c : +32
62 : #dcbc6a : +34
64 : #debd68 : +36
66 : #e0bd67 : +38
68 : #e2be65 : +40
70 : #e3bf63 : +42
72 : #e5c061 : +44
74 : #e7c15f : +46
76 : #e9c15d : +48
78 : #ebc25c : +50
80 : #edc35a : +52
82 : #eec458 : +54
84 : #f0c556 : +56
86 : #f2c554 : +58
88 : #f4c652 : +60
90 : #f6c751 : +62
92 : #f8c84f : +64
94 : #f9c94d : +66
96 : #fbc94b : +68
98 : #fdca49 : +70
100 : #ffcb47 : +72
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #070604 : -62
4 : #0d0b07 : -60
6 : #14110b : -58
8 : #1a170f : -56
10 : #211d12 : -54
12 : #272216 : -52
14 : #2e281a : -50
16 : #342e1d : -48
18 : #3b3321 : -46
20 : #413925 : -44
22 : #483f28 : -42
24 : #4e452c : -40
26 : #554a30 : -38
28 : #5b5033 : -36
30 : #625637 : -34
32 : #685c3b : -32
34 : #6f613e : -30
36 : #766742 : -28
38 : #7c6d46 : -26
40 : #837249 : -24
42 : #89784d : -22
44 : #907e51 : -20
46 : #968454 : -18
48 : #9d8958 : -16
50 : #a38f5c : -14
52 : #a79362 : -12
54 : #ab9869 : -10
56 : #ae9c6f : -8
58 : #b2a176 : -6
60 : #b6a57c : -4
62 : #b9aa83 : -2
64 : #bdae89 : ±0
66 : #c1b390 : +2
68 : #c4b797 : +4
70 : #c8bc9d : +6
72 : #ccc0a4 : +8
74 : #cfc5aa : +10
76 : #d3c9b1 : +12
78 : #d7ceb7 : +14
80 : #dad2be : +16
82 : #ded7c4 : +18
84 : #e2dbcb : +20
86 : #e5e0d1 : +22
88 : #e9e4d8 : +24
90 : #ede9de : +26
92 : #f0ede5 : +28
94 : #f4f2eb : +30
96 : #f8f6f2 : +32
98 : #fbfbf8 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow