#b72cce
RGB
| 赤 | 183 |
|---|---|
| 緑 | 44 |
| 青 | 206 |
HSL
| 色相 | 291° |
|---|---|
| 彩度 | 65% |
| 明度 | 49% |
| 輝度 | 41% |
３桁の色
補色
反転色
RGB ( 赤 = 183, 緑 = 44, 青 = 206 )
HSL ( 色相 = 291°, 彩度 = 65%, 明度 = 49% )
H : 色相 ( 291° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #ce2e2c : -290
11 : #ce4a2c : -280
21 : #ce652c : -270
31 : #ce802c : -260
41 : #ce9b2c : -250
51 : #ceb62c : -240
61 : #cbce2c : -230
71 : #b0ce2c : -220
81 : #95ce2c : -210
91 : #7ace2c : -200
101 : #5fce2c : -190
111 : #44ce2c : -180
121 : #2cce2e : -170
131 : #2cce4a : -160
141 : #2cce65 : -150
151 : #2cce80 : -140
161 : #2cce9b : -130
171 : #2cceb6 : -120
181 : #2ccbce : -110
191 : #2cb0ce : -100
201 : #2c95ce : -90
211 : #2c7ace : -80
221 : #2c5fce : -70
231 : #2c44ce : -60
241 : #2e2cce : -50
251 : #4a2cce : -40
261 : #652cce : -30
271 : #802cce : -20
281 : #9b2cce : -10
291 : #b62cce : ±0
301 : #ce2ccb : +10
311 : #ce2cb0 : +20
321 : #ce2c95 : +30
331 : #ce2c7a : +40
341 : #ce2c5f : +50
351 : #ce2c44 : +60
281 : #9b2cce : -10
282 : #9d2cce : -9
283 : #a02cce : -8
284 : #a32cce : -7
285 : #a62cce : -6
286 : #a82cce : -5
287 : #ab2cce : -4
288 : #ae2cce : -3
289 : #b02cce : -2
290 : #b32cce : -1
291 : #b62cce : ±0
292 : #b92cce : +1
293 : #bb2cce : +2
294 : #be2cce : +3
295 : #c12cce : +4
296 : #c32cce : +5
297 : #c62cce : +6
298 : #c92cce : +7
299 : #cb2cce : +8
300 : #ce2cce : +9
301 : #ce2ccb : +10
S : 彩度 ( 65% )
(0%) 渋い ～ 鮮やか (100%)
1 : #7e7c7e : -64
3 : #807981 : -62
5 : #817783 : -60
7 : #837486 : -58
9 : #857288 : -56
11 : #876f8b : -54
13 : #886d8d : -52
15 : #8a6a90 : -50
17 : #8c6892 : -48
19 : #8e6595 : -46
21 : #8f6397 : -44
23 : #91609a : -42
25 : #935e9c : -40
27 : #955b9f : -38
29 : #9659a1 : -36
31 : #9856a4 : -34
33 : #9a54a6 : -32
35 : #9c51a9 : -30
37 : #9d4fab : -28
39 : #9f4cae : -26
41 : #a14ab0 : -24
43 : #a347b3 : -22
45 : #a445b5 : -20
47 : #a642b8 : -18
49 : #a840ba : -16
51 : #aa3dbd : -14
53 : #ab3bbf : -12
55 : #ad38c2 : -10
57 : #af36c4 : -8
59 : #b133c7 : -6
61 : #b231c9 : -4
63 : #b42ecc : -2
65 : #b62cce : ±0
67 : #b829d1 : +2
69 : #b927d3 : +4
71 : #bb24d6 : +6
73 : #bd22d8 : +8
75 : #bf1fdb : +10
77 : #c01ddd : +12
79 : #c21ae0 : +14
81 : #c418e2 : +16
83 : #c615e5 : +18
85 : #c713e7 : +20
87 : #c910ea : +22
89 : #cb0eec : +24
91 : #cd0bef : +26
93 : #ce09f1 : +28
95 : #d006f4 : +30
97 : #d204f6 : +32
99 : #d401f9 : +34
L : 明度 ( 49% )
(0%) 暗い ～ 明るい (100%)
1 : #040104 : -48
3 : #0b030d : -46
5 : #130415 : -44
7 : #1a061d : -42
9 : #210826 : -40
11 : #290a2e : -38
13 : #300c37 : -36
15 : #380d3f : -34
17 : #3f0f48 : -32
19 : #461150 : -30
21 : #4e1358 : -28
23 : #551561 : -26
25 : #5d1669 : -24
27 : #641872 : -22
29 : #6c1a7a : -20
31 : #731c82 : -18
33 : #7a1d8b : -16
35 : #821f93 : -14
37 : #89219c : -12
39 : #9123a4 : -10
41 : #9825ad : -8
43 : #a026b5 : -6
45 : #a728bd : -4
47 : #ae2ac6 : -2
49 : #b62cce : ±0
51 : #bb31d3 : +2
53 : #be39d5 : +4
55 : #c042d7 : +6
57 : #c34ad9 : +8
59 : #c652da : +10
61 : #c95bdc : +12
63 : #cc63de : +14
65 : #ce6ce0 : +16
67 : #d174e2 : +18
69 : #d47de3 : +20
71 : #d785e5 : +22
73 : #d98de7 : +24
75 : #dc96e9 : +26
77 : #df9eea : +28
79 : #e2a7ec : +30
81 : #e5afee : +32
83 : #e7b7f0 : +34
85 : #eac0f2 : +36
87 : #edc8f3 : +38
89 : #f0d1f5 : +40
91 : #f2d9f7 : +42
93 : #f5e2f9 : +44
95 : #f8eafb : +46
97 : #fbf2fc : +48
99 : #fefbfe : +50
CSS入門、作ってます。
text-shadow