#bf639e
RGB
| 赤 | 191 |
|---|---|
| 緑 | 99 |
| 青 | 158 |
HSL
| 色相 | 322° |
|---|---|
| 彩度 | 42% |
| 明度 | 57% |
| 輝度 | 52% |
３桁の色
補色
反転色
RGB ( 赤 = 191, 緑 = 99, 青 = 158 )
HSL ( 色相 = 322°, 彩度 = 42%, 明度 = 57% )
H : 色相 ( 322° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #bf6663 : -320
12 : #bf7663 : -310
22 : #bf8563 : -300
32 : #bf9463 : -290
42 : #bfa463 : -280
52 : #bfb363 : -270
62 : #bcbf63 : -260
72 : #adbf63 : -250
82 : #9ebf63 : -240
92 : #8ebf63 : -230
102 : #7fbf63 : -220
112 : #70bf63 : -210
122 : #63bf66 : -200
132 : #63bf76 : -190
142 : #63bf85 : -180
152 : #63bf94 : -170
162 : #63bfa4 : -160
172 : #63bfb3 : -150
182 : #63bcbf : -140
192 : #63adbf : -130
202 : #639ebf : -120
212 : #638ebf : -110
222 : #637fbf : -100
232 : #6370bf : -90
242 : #6663bf : -80
252 : #7663bf : -70
262 : #8563bf : -60
272 : #9463bf : -50
282 : #a463bf : -40
292 : #b363bf : -30
302 : #bf63bc : -20
312 : #bf63ad : -10
322 : #bf639e : ±0
332 : #bf638e : +10
342 : #bf637f : +20
352 : #bf6370 : +30
312 : #bf63ad : -10
313 : #bf63ab : -9
314 : #bf63aa : -8
315 : #bf63a8 : -7
316 : #bf63a7 : -6
317 : #bf63a5 : -5
318 : #bf63a4 : -4
319 : #bf63a2 : -3
320 : #bf63a1 : -2
321 : #bf639f : -1
322 : #bf639e : ±0
323 : #bf639c : +1
324 : #bf639b : +2
325 : #bf6399 : +3
326 : #bf6397 : +4
327 : #bf6396 : +5
328 : #bf6394 : +6
329 : #bf6393 : +7
330 : #bf6391 : +8
331 : #bf6390 : +9
332 : #bf638e : +10
S : 彩度 ( 42% )
(0%) 渋い ～ 鮮やか (100%)
0 : #919191 : -42
2 : #948f92 : -40
4 : #968d93 : -38
6 : #988b93 : -36
8 : #9a8994 : -34
10 : #9c8694 : -32
12 : #9f8495 : -30
14 : #a18295 : -28
16 : #a38096 : -26
18 : #a57e97 : -24
20 : #a77b97 : -22
22 : #a97998 : -20
24 : #ac7798 : -18
26 : #ae7599 : -16
28 : #b0739a : -14
30 : #b2709a : -12
32 : #b46e9b : -10
34 : #b76c9b : -8
36 : #b96a9c : -6
38 : #bb689c : -4
40 : #bd659d : -2
42 : #bf639e : ±0
44 : #c2619e : +2
46 : #c45f9f : +4
48 : #c65d9f : +6
50 : #c85ba0 : +8
52 : #ca58a1 : +10
54 : #cd56a1 : +12
56 : #cf54a2 : +14
58 : #d152a2 : +16
60 : #d350a3 : +18
62 : #d54da3 : +20
64 : #d84ba4 : +22
66 : #da49a5 : +24
68 : #dc47a5 : +26
70 : #de45a6 : +28
72 : #e042a6 : +30
74 : #e240a7 : +32
76 : #e53ea8 : +34
78 : #e73ca8 : +36
80 : #e93aa9 : +38
82 : #eb37a9 : +40
84 : #ed35aa : +42
86 : #f033aa : +44
88 : #f231ab : +46
90 : #f42fac : +48
92 : #f62cac : +50
94 : #f82aad : +52
96 : #fb28ad : +54
98 : #fd26ae : +56
100 : #ff24af : +58
L : 明度 ( 57% )
(0%) 暗い ～ 明るい (100%)
1 : #040103 : -56
3 : #0b0409 : -54
5 : #12070e : -52
7 : #190a14 : -50
9 : #210d1a : -48
11 : #28101f : -46
13 : #2f1325 : -44
15 : #36162b : -42
17 : #3e1930 : -40
19 : #451c36 : -38
21 : #4c1f3c : -36
23 : #532241 : -34
25 : #5b2547 : -32
27 : #62284d : -30
29 : #692b52 : -28
31 : #702e58 : -26
33 : #77315e : -24
35 : #7f3463 : -22
37 : #863769 : -20
39 : #8d3a6f : -18
41 : #943d74 : -16
43 : #9c407a : -14
45 : #a34380 : -12
47 : #aa4685 : -10
49 : #b1488b : -8
51 : #b74e90 : -6
53 : #b95595 : -4
55 : #bc5c99 : -2
57 : #bf639e : ±0
59 : #c26ba2 : +2
61 : #c572a7 : +4
63 : #c879ab : +6
65 : #cb80b0 : +8
67 : #ce88b4 : +10
69 : #d18fb9 : +12
71 : #d496bd : +14
73 : #d79dc2 : +16
75 : #daa4c6 : +18
77 : #ddaccb : +20
79 : #e0b3cf : +22
81 : #e3bad4 : +24
83 : #e6c1d9 : +26
85 : #e9c9dd : +28
87 : #ecd0e2 : +30
89 : #efd7e6 : +32
91 : #f2deeb : +34
93 : #f5e6ef : +36
95 : #f8edf4 : +38
97 : #fbf4f8 : +40
99 : #fefbfd : +42
CSS入門、作ってます。
text-shadow