#bb72cf
RGB
| 赤 | 187 |
|---|---|
| 緑 | 114 |
| 青 | 207 |
HSL
| 色相 | 287° |
|---|---|
| 彩度 | 49% |
| 明度 | 63% |
| 輝度 | 57% |
３桁の色
補色
反転色
RGB ( 赤 = 187, 緑 = 114, 青 = 207 )
HSL ( 色相 = 287°, 彩度 = 49%, 明度 = 63% )
H : 色相 ( 287° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #cf7d72 : -280
17 : #cf8d72 : -270
27 : #cf9c72 : -260
37 : #cfab72 : -250
47 : #cfbb72 : -240
57 : #cfca72 : -230
67 : #c4cf72 : -220
77 : #b5cf72 : -210
87 : #a5cf72 : -200
97 : #96cf72 : -190
107 : #86cf72 : -180
117 : #77cf72 : -170
127 : #72cf7d : -160
137 : #72cf8d : -150
147 : #72cf9c : -140
157 : #72cfab : -130
167 : #72cfbb : -120
177 : #72cfca : -110
187 : #72c4cf : -100
197 : #72b5cf : -90
207 : #72a5cf : -80
217 : #7296cf : -70
227 : #7286cf : -60
237 : #7277cf : -50
247 : #7d72cf : -40
257 : #8d72cf : -30
267 : #9c72cf : -20
277 : #ab72cf : -10
287 : #bb72cf : ±0
297 : #ca72cf : +10
307 : #cf72c4 : +20
317 : #cf72b5 : +30
327 : #cf72a5 : +40
337 : #cf7296 : +50
347 : #cf7286 : +60
357 : #cf7277 : +70
277 : #ab72cf : -10
278 : #ad72cf : -9
279 : #af72cf : -8
280 : #b072cf : -7
281 : #b272cf : -6
282 : #b372cf : -5
283 : #b572cf : -4
284 : #b672cf : -3
285 : #b872cf : -2
286 : #b972cf : -1
287 : #bb72cf : ±0
288 : #bc72cf : +1
289 : #be72cf : +2
290 : #bf72cf : +3
291 : #c172cf : +4
292 : #c372cf : +5
293 : #c472cf : +6
294 : #c672cf : +7
295 : #c772cf : +8
296 : #c972cf : +9
297 : #ca72cf : +10
S : 彩度 ( 49% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a1a0a2 : -48
3 : #a29ea3 : -46
5 : #a39ca5 : -44
7 : #a49aa7 : -42
9 : #a598a9 : -40
11 : #a796ab : -38
13 : #a894ad : -36
15 : #a992af : -34
17 : #aa91b1 : -32
19 : #ab8fb3 : -30
21 : #ac8db4 : -28
23 : #ad8bb6 : -26
25 : #ae89b8 : -24
27 : #af87ba : -22
29 : #b085bc : -20
31 : #b183be : -18
33 : #b282c0 : -16
35 : #b380c2 : -14
37 : #b47ec4 : -12
39 : #b67cc5 : -10
41 : #b77ac7 : -8
43 : #b878c9 : -6
45 : #b976cb : -4
47 : #ba74cd : -2
49 : #bb72cf : ±0
51 : #bc71d1 : +2
53 : #bd6fd3 : +4
55 : #be6dd5 : +6
57 : #bf6bd6 : +8
59 : #c069d8 : +10
61 : #c167da : +12
63 : #c265dc : +14
65 : #c363de : +16
67 : #c461e0 : +18
69 : #c660e2 : +20
71 : #c75ee4 : +22
73 : #c85ce6 : +24
75 : #c95ae7 : +26
77 : #ca58e9 : +28
79 : #cb56eb : +30
81 : #cc54ed : +32
83 : #cd52ef : +34
85 : #ce50f1 : +36
87 : #cf4ff3 : +38
89 : #d04df5 : +40
91 : #d14bf7 : +42
93 : #d249f8 : +44
95 : #d347fa : +46
97 : #d545fc : +48
99 : #d643fe : +50
L : 明度 ( 63% )
(0%) 暗い ～ 明るい (100%)
1 : #030104 : -62
3 : #0a040b : -60
5 : #100713 : -58
7 : #17091b : -56
9 : #1d0c22 : -54
11 : #240e2a : -52
13 : #2a1131 : -50
15 : #311439 : -48
17 : #371641 : -46
19 : #3e1948 : -44
21 : #441b50 : -42
23 : #4b1e57 : -40
25 : #51215f : -38
27 : #582367 : -36
29 : #5e266e : -34
31 : #652876 : -32
33 : #6c2b7d : -30
35 : #722e85 : -28
37 : #79308d : -26
39 : #7f3394 : -24
41 : #86359c : -22
43 : #8c38a3 : -20
45 : #933bab : -18
47 : #993db3 : -16
49 : #a040ba : -14
51 : #a545bf : -12
53 : #a84cc2 : -10
55 : #ac54c4 : -8
57 : #b05cc7 : -6
59 : #b363ca : -4
61 : #b76bcc : -2
63 : #bb72cf : ±0
65 : #bf7ad1 : +2
67 : #c282d4 : +4
69 : #c689d7 : +6
71 : #ca91d9 : +8
73 : #cd98dc : +10
75 : #d1a0de : +12
77 : #d5a8e1 : +14
79 : #d8afe4 : +16
81 : #dcb7e6 : +18
83 : #e0bee9 : +20
85 : #e3c6eb : +22
87 : #e7ceee : +24
89 : #ebd5f1 : +26
91 : #eeddf3 : +28
93 : #f2e4f6 : +30
95 : #f6ecf8 : +32
97 : #f9f4fb : +34
99 : #fdfbfe : +36
CSS入門、作ってます。
text-shadow