#be6f90
RGB
赤 | 190 |
---|---|
緑 | 111 |
青 | 144 |
HSL
色相 | 335° |
---|---|
彩度 | 38% |
明度 | 59% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 190, 緑 = 111, 青 = 144 )
HSL ( 色相 = 335°, 彩度 = 38%, 明度 = 59% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #be756f : -330
15 : #be836f : -320
25 : #be906f : -310
35 : #be9d6f : -300
45 : #beaa6f : -290
55 : #beb86f : -280
65 : #b8be6f : -270
75 : #aabe6f : -260
85 : #9dbe6f : -250
95 : #90be6f : -240
105 : #83be6f : -230
115 : #75be6f : -220
125 : #6fbe75 : -210
135 : #6fbe83 : -200
145 : #6fbe90 : -190
155 : #6fbe9d : -180
165 : #6fbeaa : -170
175 : #6fbeb8 : -160
185 : #6fb8be : -150
195 : #6faabe : -140
205 : #6f9dbe : -130
215 : #6f90be : -120
225 : #6f83be : -110
235 : #6f75be : -100
245 : #756fbe : -90
255 : #836fbe : -80
265 : #906fbe : -70
275 : #9d6fbe : -60
285 : #aa6fbe : -50
295 : #b86fbe : -40
305 : #be6fb8 : -30
315 : #be6faa : -20
325 : #be6f9d : -10
335 : #be6f90 : ±0
345 : #be6f83 : +10
355 : #be6f75 : +20
325 : #be6f9d : -10
326 : #be6f9c : -9
327 : #be6f9a : -8
328 : #be6f99 : -7
329 : #be6f98 : -6
330 : #be6f96 : -5
331 : #be6f95 : -4
332 : #be6f94 : -3
333 : #be6f92 : -2
334 : #be6f91 : -1
335 : #be6f90 : ±0
336 : #be6f8f : +1
337 : #be6f8d : +2
338 : #be6f8c : +3
339 : #be6f8b : +4
340 : #be6f89 : +5
341 : #be6f88 : +6
342 : #be6f87 : +7
343 : #be6f85 : +8
344 : #be6f84 : +9
345 : #be6f83 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #969696 : -38
2 : #999496 : -36
4 : #9b9296 : -34
6 : #9d9095 : -32
8 : #9f8e95 : -30
10 : #a18c95 : -28
12 : #a38a94 : -26
14 : #a58894 : -24
16 : #a78694 : -22
18 : #a98493 : -20
20 : #ab8293 : -18
22 : #ad7f93 : -16
24 : #b07d92 : -14
26 : #b27b92 : -12
28 : #b47992 : -10
30 : #b67791 : -8
32 : #b87591 : -6
34 : #ba7391 : -4
36 : #bc7190 : -2
38 : #be6f90 : ±0
40 : #c06d8f : +2
42 : #c26b8f : +4
44 : #c4688f : +6
46 : #c7668e : +8
48 : #c9648e : +10
50 : #cb628e : +12
52 : #cd608d : +14
54 : #cf5e8d : +16
56 : #d15c8d : +18
58 : #d35a8c : +20
60 : #d5588c : +22
62 : #d7568c : +24
64 : #d9548b : +26
66 : #db518b : +28
68 : #de4f8b : +30
70 : #e04d8a : +32
72 : #e24b8a : +34
74 : #e4498a : +36
76 : #e64789 : +38
78 : #e84589 : +40
80 : #ea4389 : +42
82 : #ec4188 : +44
84 : #ee3f88 : +46
86 : #f03d87 : +48
88 : #f23a87 : +50
90 : #f53887 : +52
92 : #f73686 : +54
94 : #f93486 : +56
96 : #fb3286 : +58
98 : #fd3085 : +60
100 : #ff2e85 : +62
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -58
3 : #0b0507 : -56
5 : #12080c : -54
7 : #190b11 : -52
9 : #200e15 : -50
11 : #27111a : -48
13 : #2e151f : -46
15 : #351824 : -44
17 : #3c1b29 : -42
19 : #431e2d : -40
21 : #4a2132 : -38
23 : #512437 : -36
25 : #58283c : -34
27 : #5f2b40 : -32
29 : #662e45 : -30
31 : #6d314a : -28
33 : #74344f : -26
35 : #7b3754 : -24
37 : #823a58 : -22
39 : #893e5d : -20
41 : #904162 : -18
43 : #974467 : -16
45 : #9e476b : -14
47 : #a54a70 : -12
49 : #ac4d75 : -10
51 : #b2537a : -8
53 : #b55a80 : -6
55 : #b86185 : -4
57 : #bb688a : -2
59 : #be6f90 : ±0
61 : #c17695 : +2
63 : #c57d9b : +4
65 : #c884a0 : +6
67 : #cb8ba6 : +8
69 : #ce92ab : +10
71 : #d199b0 : +12
73 : #d4a0b6 : +14
75 : #d7a7bb : +16
77 : #dbaec1 : +18
79 : #deb5c6 : +20
81 : #e1bccb : +22
83 : #e4c3d1 : +24
85 : #e7cad6 : +26
87 : #ead1dc : +28
89 : #eed8e1 : +30
91 : #f1dfe7 : +32
93 : #f4e6ec : +34
95 : #f7edf1 : +36
97 : #faf4f7 : +38
99 : #fdfbfc : +40
CSS入門、作ってます。
text-shadow