#bb8bb6
RGB
赤 | 187 |
---|---|
緑 | 139 |
青 | 182 |
HSL
色相 | 306° |
---|---|
彩度 | 26% |
明度 | 64% |
輝度 | 62% |
3桁の色
補色
反転色
RGB ( 赤 = 187, 緑 = 139, 青 = 182 )
HSL ( 色相 = 306°, 彩度 = 26%, 明度 = 64% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #bb908b : -300
16 : #bb988b : -290
26 : #bba08b : -280
36 : #bba88b : -270
46 : #bbb08b : -260
56 : #bbb88b : -250
66 : #b6bb8b : -240
76 : #aebb8b : -230
86 : #a6bb8b : -220
96 : #9ebb8b : -210
106 : #96bb8b : -200
116 : #8fbb8b : -190
126 : #8bbb90 : -180
136 : #8bbb98 : -170
146 : #8bbba0 : -160
156 : #8bbba8 : -150
166 : #8bbbb0 : -140
176 : #8bbbb8 : -130
186 : #8bb6bb : -120
196 : #8baebb : -110
206 : #8ba6bb : -100
216 : #8b9ebb : -90
226 : #8b96bb : -80
236 : #8b8fbb : -70
246 : #908bbb : -60
256 : #988bbb : -50
266 : #a08bbb : -40
276 : #a88bbb : -30
286 : #b08bbb : -20
296 : #b88bbb : -10
306 : #bb8bb6 : ±0
316 : #bb8bae : +10
326 : #bb8ba6 : +20
336 : #bb8b9e : +30
346 : #bb8b96 : +40
356 : #bb8b8f : +50
296 : #b88bbb : -10
297 : #b98bbb : -9
298 : #b98bbb : -8
299 : #ba8bbb : -7
300 : #bb8bbb : -6
301 : #bb8bba : -5
302 : #bb8bb9 : -4
303 : #bb8bb9 : -3
304 : #bb8bb8 : -2
305 : #bb8bb7 : -1
306 : #bb8bb6 : ±0
307 : #bb8bb5 : +1
308 : #bb8bb5 : +2
309 : #bb8bb4 : +3
310 : #bb8bb3 : +4
311 : #bb8bb2 : +5
312 : #bb8bb2 : +6
313 : #bb8bb1 : +7
314 : #bb8bb0 : +8
315 : #bb8baf : +9
316 : #bb8bae : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -26
2 : #a5a1a5 : -24
4 : #a7a0a6 : -22
6 : #a99ea8 : -20
8 : #ab9ca9 : -18
10 : #ac9aab : -16
12 : #ae98ac : -14
14 : #b096ad : -12
16 : #b295af : -10
18 : #b493b0 : -8
20 : #b691b2 : -6
22 : #b78fb3 : -4
24 : #b98db5 : -2
26 : #bb8bb6 : ±0
28 : #bd89b8 : +2
30 : #bf88b9 : +4
32 : #c186bb : +6
34 : #c284bc : +8
36 : #c482be : +10
38 : #c680bf : +12
40 : #c87ec1 : +14
42 : #ca7dc2 : +16
44 : #cc7bc4 : +18
46 : #cd79c5 : +20
48 : #cf77c6 : +22
50 : #d175c8 : +24
52 : #d373c9 : +26
54 : #d572cb : +28
56 : #d770cc : +30
58 : #d86ece : +32
60 : #da6ccf : +34
62 : #dc6ad1 : +36
64 : #de68d2 : +38
66 : #e067d4 : +40
68 : #e265d5 : +42
70 : #e363d7 : +44
72 : #e561d8 : +46
74 : #e75fda : +48
76 : #e95ddb : +50
78 : #eb5cdc : +52
80 : #ed5ade : +54
82 : #ee58df : +56
84 : #f056e1 : +58
86 : #f254e2 : +60
88 : #f452e4 : +62
90 : #f651e5 : +64
92 : #f84fe7 : +66
94 : #f94de8 : +68
96 : #fb4bea : +70
98 : #fd49eb : +72
100 : #ff47ed : +74
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #060406 : -62
4 : #0d080c : -60
6 : #130b12 : -58
8 : #1a0f19 : -56
10 : #20131f : -54
12 : #271725 : -52
14 : #2d1a2b : -50
16 : #331e31 : -48
18 : #3a2237 : -46
20 : #40263e : -44
22 : #472a44 : -42
24 : #4d2d4a : -40
26 : #543150 : -38
28 : #5a3556 : -36
30 : #60395c : -34
32 : #673c63 : -32
34 : #6d4069 : -30
36 : #74446f : -28
38 : #7a4875 : -26
40 : #814b7b : -24
42 : #874f81 : -22
44 : #8d5388 : -20
46 : #94578e : -18
48 : #9a5b94 : -16
50 : #a15e9a : -14
52 : #a4659e : -12
54 : #a86ba2 : -10
56 : #ac72a6 : -8
58 : #b078aa : -6
60 : #b47eae : -4
62 : #b785b2 : -2
64 : #bb8bb6 : ±0
66 : #bf92ba : +2
68 : #c398be : +4
70 : #c69fc2 : +6
72 : #caa5c6 : +8
74 : #ceabca : +10
76 : #d2b2cf : +12
78 : #d5b8d3 : +14
80 : #d9bfd7 : +16
82 : #ddc5db : +18
84 : #e1ccdf : +20
86 : #e5d2e3 : +22
88 : #e8d8e7 : +24
90 : #ecdfeb : +26
92 : #f0e5ef : +28
94 : #f4ecf3 : +30
96 : #f7f2f7 : +32
98 : #fbf9fb : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow