#bb958b
RGB
赤 | 187 |
---|---|
緑 | 149 |
青 | 139 |
HSL
色相 | 13° |
---|---|
彩度 | 26% |
明度 | 64% |
輝度 | 62% |
3桁の色
補色
反転色
RGB ( 赤 = 187, 緑 = 149, 青 = 139 )
HSL ( 色相 = 13°, 彩度 = 26%, 明度 = 64% )
H : 色相 ( 13° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #bb8e8b : -10
13 : #bb968b : ±0
23 : #bb9e8b : +10
33 : #bba68b : +20
43 : #bbae8b : +30
53 : #bbb58b : +40
63 : #b9bb8b : +50
73 : #b1bb8b : +60
83 : #a9bb8b : +70
93 : #a1bb8b : +80
103 : #99bb8b : +90
113 : #91bb8b : +100
123 : #8bbb8e : +110
133 : #8bbb96 : +120
143 : #8bbb9e : +130
153 : #8bbba6 : +140
163 : #8bbbae : +150
173 : #8bbbb5 : +160
183 : #8bb9bb : +170
193 : #8bb1bb : +180
203 : #8ba9bb : +190
213 : #8ba1bb : +200
223 : #8b99bb : +210
233 : #8b91bb : +220
243 : #8e8bbb : +230
253 : #968bbb : +240
263 : #9e8bbb : +250
273 : #a68bbb : +260
283 : #ae8bbb : +270
293 : #b58bbb : +280
303 : #bb8bb9 : +290
313 : #bb8bb1 : +300
323 : #bb8ba9 : +310
333 : #bb8ba1 : +320
343 : #bb8b99 : +330
353 : #bb8b91 : +340
3 : #bb8e8b : -10
4 : #bb8f8b : -9
5 : #bb8f8b : -8
6 : #bb908b : -7
7 : #bb918b : -6
8 : #bb928b : -5
9 : #bb928b : -4
10 : #bb938b : -3
11 : #bb948b : -2
12 : #bb958b : -1
13 : #bb968b : ±0
14 : #bb968b : +1
15 : #bb978b : +2
16 : #bb988b : +3
17 : #bb998b : +4
18 : #bb9a8b : +5
19 : #bb9a8b : +6
20 : #bb9b8b : +7
21 : #bb9c8b : +8
22 : #bb9d8b : +9
23 : #bb9e8b : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -26
2 : #a5a2a1 : -24
4 : #a7a1a0 : -22
6 : #a9a09e : -20
8 : #ab9f9c : -18
10 : #ac9e9a : -16
12 : #ae9d98 : -14
14 : #b09c96 : -12
16 : #b29b95 : -10
18 : #b49a93 : -8
20 : #b69991 : -6
22 : #b7988f : -4
24 : #b9978d : -2
26 : #bb968b : ±0
28 : #bd9589 : +2
30 : #bf9488 : +4
32 : #c19386 : +6
34 : #c29284 : +8
36 : #c49082 : +10
38 : #c68f80 : +12
40 : #c88e7e : +14
42 : #ca8d7d : +16
44 : #cc8c7b : +18
46 : #cd8b79 : +20
48 : #cf8a77 : +22
50 : #d18975 : +24
52 : #d38873 : +26
54 : #d58772 : +28
56 : #d78670 : +30
58 : #d8856e : +32
60 : #da846c : +34
62 : #dc836a : +36
64 : #de8268 : +38
66 : #e08167 : +40
68 : #e28065 : +42
70 : #e37f63 : +44
72 : #e57e61 : +46
74 : #e77d5f : +48
76 : #e97c5d : +50
78 : #eb7b5c : +52
80 : #ed7a5a : +54
82 : #ee7958 : +56
84 : #f07856 : +58
86 : #f27654 : +60
88 : #f47552 : +62
90 : #f67451 : +64
92 : #f8734f : +66
94 : #f9724d : +68
96 : #fb714b : +70
98 : #fd7049 : +72
100 : #ff6f47 : +74
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #060404 : -62
4 : #0d0908 : -60
6 : #130d0b : -58
8 : #1a110f : -56
10 : #201613 : -54
12 : #271a17 : -52
14 : #2d1e1a : -50
16 : #33231e : -48
18 : #3a2722 : -46
20 : #402b26 : -44
22 : #47302a : -42
24 : #4d342d : -40
26 : #543931 : -38
28 : #5a3d35 : -36
30 : #604139 : -34
32 : #67463c : -32
34 : #6d4a40 : -30
36 : #744e44 : -28
38 : #7a5348 : -26
40 : #81574b : -24
42 : #875b4f : -22
44 : #8d6053 : -20
46 : #946457 : -18
48 : #9a685b : -16
50 : #a16d5e : -14
52 : #a47365 : -12
54 : #a8786b : -10
56 : #ac7e72 : -8
58 : #b08478 : -6
60 : #b48a7e : -4
62 : #b79085 : -2
64 : #bb968b : ±0
66 : #bf9c92 : +2
68 : #c3a198 : +4
70 : #c6a79f : +6
72 : #caada5 : +8
74 : #ceb3ab : +10
76 : #d2b9b2 : +12
78 : #d5bfb8 : +14
80 : #d9c4bf : +16
82 : #ddcac5 : +18
84 : #e1d0cc : +20
86 : #e5d6d2 : +22
88 : #e8dcd8 : +24
90 : #ece2df : +26
92 : #f0e8e5 : +28
94 : #f4edec : +30
96 : #f7f3f2 : +32
98 : #fbf9f9 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow