#b847b2
RGB
赤 | 184 |
---|---|
緑 | 71 |
青 | 178 |
HSL
色相 | 303° |
---|---|
彩度 | 44% |
明度 | 50% |
輝度 | 46% |
3桁の色
補色
反転色
RGB ( 赤 = 184, 緑 = 71, 青 = 178 )
HSL ( 色相 = 303°, 彩度 = 44%, 明度 = 50% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b84d47 : -300
13 : #b86047 : -290
23 : #b87247 : -280
33 : #b88547 : -270
43 : #b89847 : -260
53 : #b8ab47 : -250
63 : #b2b847 : -240
73 : #9fb847 : -230
83 : #8db847 : -220
93 : #7ab847 : -210
103 : #67b847 : -200
113 : #54b847 : -190
123 : #47b84d : -180
133 : #47b860 : -170
143 : #47b872 : -160
153 : #47b885 : -150
163 : #47b898 : -140
173 : #47b8ab : -130
183 : #47b2b8 : -120
193 : #479fb8 : -110
203 : #478db8 : -100
213 : #477ab8 : -90
223 : #4767b8 : -80
233 : #4754b8 : -70
243 : #4d47b8 : -60
253 : #6047b8 : -50
263 : #7247b8 : -40
273 : #8547b8 : -30
283 : #9847b8 : -20
293 : #ab47b8 : -10
303 : #b847b2 : ±0
313 : #b8479f : +10
323 : #b8478d : +20
333 : #b8477a : +30
343 : #b84767 : +40
353 : #b84754 : +50
293 : #ab47b8 : -10
294 : #ac47b8 : -9
295 : #ae47b8 : -8
296 : #b047b8 : -7
297 : #b247b8 : -6
298 : #b447b8 : -5
299 : #b647b8 : -4
300 : #b847b8 : -3
301 : #b847b6 : -2
302 : #b847b4 : -1
303 : #b847b2 : ±0
304 : #b847b0 : +1
305 : #b847ae : +2
306 : #b847ac : +3
307 : #b847ab : +4
308 : #b847a9 : +5
309 : #b847a7 : +6
310 : #b847a5 : +7
311 : #b847a3 : +8
312 : #b847a1 : +9
313 : #b8479f : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -44
2 : #827d82 : -42
4 : #857a84 : -40
6 : #877886 : -38
8 : #8a7589 : -36
10 : #8c738b : -34
12 : #8f708d : -32
14 : #916e90 : -30
16 : #946b92 : -28
18 : #966994 : -26
20 : #996696 : -24
22 : #9c6399 : -22
24 : #9e619b : -20
26 : #a15e9d : -18
28 : #a35ca0 : -16
30 : #a659a2 : -14
32 : #a857a4 : -12
34 : #ab54a7 : -10
36 : #ad52a9 : -8
38 : #b04fab : -6
40 : #b34dad : -4
42 : #b54ab0 : -2
44 : #b847b2 : ±0
46 : #ba45b4 : +2
48 : #bd42b7 : +4
50 : #bf40b9 : +6
52 : #c23dbb : +8
54 : #c43bbd : +10
56 : #c738c0 : +12
58 : #c936c2 : +14
60 : #cc33c4 : +16
62 : #cf30c7 : +18
64 : #d12ec9 : +20
66 : #d42bcb : +22
68 : #d629ce : +24
70 : #d926d0 : +26
72 : #db24d2 : +28
74 : #de21d4 : +30
76 : #e01fd7 : +32
78 : #e31cd9 : +34
80 : #e61adb : +36
82 : #e817de : +38
84 : #eb14e0 : +40
86 : #ed12e2 : +42
88 : #f00fe4 : +44
90 : #f20de7 : +46
92 : #f50ae9 : +48
94 : #f708eb : +50
96 : #fa05ee : +52
98 : #fc03f0 : +54
100 : #ff00f2 : +56
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070307 : -48
4 : #0f060e : -46
6 : #160915 : -44
8 : #1d0b1c : -42
10 : #250e24 : -40
12 : #2c112b : -38
14 : #331432 : -36
16 : #3b1739 : -34
18 : #421a40 : -32
20 : #491d47 : -30
22 : #511f4e : -28
24 : #582255 : -26
26 : #5f255d : -24
28 : #672864 : -22
30 : #6e2b6b : -20
32 : #762e72 : -18
34 : #7d3179 : -16
36 : #843380 : -14
38 : #8c3687 : -12
40 : #93398e : -10
42 : #9a3c96 : -8
44 : #a23f9d : -6
46 : #a942a4 : -4
48 : #b045ab : -2
50 : #b847b2 : ±0
52 : #ba4fb5 : +2
54 : #bd56b8 : +4
56 : #c05dbb : +6
58 : #c365be : +8
60 : #c66cc1 : +10
62 : #c973c4 : +12
64 : #cc7bc8 : +14
66 : #ce82cb : +16
68 : #d189ce : +18
70 : #d491d1 : +20
72 : #d798d4 : +22
74 : #daa0d7 : +24
76 : #dda7da : +26
78 : #e0aedd : +28
80 : #e2b6e0 : +30
82 : #e5bde3 : +32
84 : #e8c4e6 : +34
86 : #ebcce9 : +36
88 : #eed3ed : +38
90 : #f1daf0 : +40
92 : #f4e2f3 : +42
94 : #f6e9f6 : +44
96 : #f9f0f9 : +46
98 : #fcf8fc : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow