#be8eaa
RGB
赤 | 190 |
---|---|
緑 | 142 |
青 | 170 |
HSL
色相 | 325° |
---|---|
彩度 | 27% |
明度 | 65% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 190, 緑 = 142, 青 = 170 )
HSL ( 色相 = 325°, 彩度 = 27%, 明度 = 65% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #be928e : -320
15 : #be9a8e : -310
25 : #bea28e : -300
35 : #beaa8e : -290
45 : #beb28e : -280
55 : #beba8e : -270
65 : #babe8e : -260
75 : #b2be8e : -250
85 : #aabe8e : -240
95 : #a2be8e : -230
105 : #9abe8e : -220
115 : #92be8e : -210
125 : #8ebe92 : -200
135 : #8ebe9a : -190
145 : #8ebea2 : -180
155 : #8ebeaa : -170
165 : #8ebeb2 : -160
175 : #8ebeba : -150
185 : #8ebabe : -140
195 : #8eb2be : -130
205 : #8eaabe : -120
215 : #8ea2be : -110
225 : #8e9abe : -100
235 : #8e92be : -90
245 : #928ebe : -80
255 : #9a8ebe : -70
265 : #a28ebe : -60
275 : #aa8ebe : -50
285 : #b28ebe : -40
295 : #ba8ebe : -30
305 : #be8eba : -20
315 : #be8eb2 : -10
325 : #be8eaa : ±0
335 : #be8ea2 : +10
345 : #be8e9a : +20
355 : #be8e92 : +30
315 : #be8eb2 : -10
316 : #be8eb1 : -9
317 : #be8eb0 : -8
318 : #be8eaf : -7
319 : #be8eaf : -6
320 : #be8eae : -5
321 : #be8ead : -4
322 : #be8eac : -3
323 : #be8eab : -2
324 : #be8eab : -1
325 : #be8eaa : ±0
326 : #be8ea9 : +1
327 : #be8ea8 : +2
328 : #be8ea7 : +3
329 : #be8ea7 : +4
330 : #be8ea6 : +5
331 : #be8ea5 : +6
332 : #be8ea4 : +7
333 : #be8ea3 : +8
334 : #be8ea3 : +9
335 : #be8ea2 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a7a5a6 : -26
3 : #a8a3a6 : -24
5 : #aaa1a6 : -22
7 : #aca0a7 : -20
9 : #ae9ea7 : -18
11 : #b09ca7 : -16
13 : #b19aa8 : -14
15 : #b398a8 : -12
17 : #b597a8 : -10
19 : #b795a9 : -8
21 : #b893a9 : -6
23 : #ba91a9 : -4
25 : #bc8fa9 : -2
27 : #be8eaa : ±0
29 : #c08caa : +2
31 : #c18aaa : +4
33 : #c388ab : +6
35 : #c587ab : +8
37 : #c785ab : +10
39 : #c983ac : +12
41 : #ca81ac : +14
43 : #cc7fac : +16
45 : #ce7eac : +18
47 : #d07cad : +20
49 : #d17aad : +22
51 : #d378ad : +24
53 : #d576ae : +26
55 : #d775ae : +28
57 : #d973ae : +30
59 : #da71af : +32
61 : #dc6faf : +34
63 : #de6eaf : +36
65 : #e06caf : +38
67 : #e26ab0 : +40
69 : #e368b0 : +42
71 : #e566b0 : +44
73 : #e765b1 : +46
75 : #e963b1 : +48
77 : #ea61b1 : +50
79 : #ec5fb2 : +52
81 : #ee5db2 : +54
83 : #f05cb2 : +56
85 : #f25ab2 : +58
87 : #f358b3 : +60
89 : #f556b3 : +62
91 : #f755b3 : +64
93 : #f953b4 : +66
95 : #fb51b4 : +68
97 : #fc4fb4 : +70
99 : #fe4db4 : +72
L : 明度 ( 65% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -64
3 : #0a0608 : -62
5 : #10090d : -60
7 : #170d13 : -58
9 : #1d1118 : -56
11 : #24141d : -54
13 : #2a1823 : -52
15 : #311c28 : -50
17 : #37202d : -48
19 : #3e2333 : -46
21 : #442738 : -44
23 : #4a2b3d : -42
25 : #512f43 : -40
27 : #573248 : -38
29 : #5e364d : -36
31 : #643a53 : -34
33 : #6b3d58 : -32
35 : #71415d : -30
37 : #784563 : -28
39 : #7e4968 : -26
41 : #854c6d : -24
43 : #8b5073 : -22
45 : #925478 : -20
47 : #98577d : -18
49 : #9f5b83 : -16
51 : #a46088 : -14
53 : #a8678d : -12
55 : #ab6d91 : -10
57 : #af7496 : -8
59 : #b37a9b : -6
61 : #b681a0 : -4
63 : #ba87a5 : -2
65 : #be8eaa : ±0
67 : #c294af : +2
69 : #c59bb4 : +4
71 : #c9a1b8 : +6
73 : #cda8bd : +8
75 : #d0aec2 : +10
77 : #d4b5c7 : +12
79 : #d8bbcc : +14
81 : #dcc1d1 : +16
83 : #dfc8d6 : +18
85 : #e3ceda : +20
87 : #e7d5df : +22
89 : #ebdbe4 : +24
91 : #eee2e9 : +26
93 : #f2e8ee : +28
95 : #f6eff3 : +30
97 : #f9f5f8 : +32
99 : #fdfcfd : +34
CSS入門、作ってます。
text-shadow