#afa3b2
RGB
赤 | 175 |
---|---|
緑 | 163 |
青 | 178 |
HSL
色相 | 288° |
---|---|
彩度 | 9% |
明度 | 67% |
輝度 | 66% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 175, 緑 = 163, 青 = 178 )
HSL ( 色相 = 288°, 彩度 = 9%, 明度 = 67% )
H : 色相 ( 288° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #b2a5a3 : -280
18 : #b2a8a3 : -270
28 : #b2aaa3 : -260
38 : #b2ada3 : -250
48 : #b2afa3 : -240
58 : #b2b2a3 : -230
68 : #b0b2a3 : -220
78 : #aeb2a3 : -210
88 : #abb2a3 : -200
98 : #a9b2a3 : -190
108 : #a6b2a3 : -180
118 : #a4b2a3 : -170
128 : #a3b2a5 : -160
138 : #a3b2a8 : -150
148 : #a3b2aa : -140
158 : #a3b2ad : -130
168 : #a3b2af : -120
178 : #a3b2b2 : -110
188 : #a3b0b2 : -100
198 : #a3aeb2 : -90
208 : #a3abb2 : -80
218 : #a3a9b2 : -70
228 : #a3a6b2 : -60
238 : #a3a4b2 : -50
248 : #a5a3b2 : -40
258 : #a8a3b2 : -30
268 : #aaa3b2 : -20
278 : #ada3b2 : -10
288 : #afa3b2 : ±0
298 : #b2a3b2 : +10
308 : #b2a3b0 : +20
318 : #b2a3ae : +30
328 : #b2a3ab : +40
338 : #b2a3a9 : +50
348 : #b2a3a6 : +60
358 : #b2a3a4 : +70
278 : #ada3b2 : -10
279 : #ada3b2 : -9
280 : #ada3b2 : -8
281 : #aea3b2 : -7
282 : #aea3b2 : -6
283 : #aea3b2 : -5
284 : #aea3b2 : -4
285 : #afa3b2 : -3
286 : #afa3b2 : -2
287 : #afa3b2 : -1
288 : #afa3b2 : ±0
289 : #b0a3b2 : +1
290 : #b0a3b2 : +2
291 : #b0a3b2 : +3
292 : #b0a3b2 : +4
293 : #b1a3b2 : +5
294 : #b1a3b2 : +6
295 : #b1a3b2 : +7
296 : #b1a3b2 : +8
297 : #b2a3b2 : +9
298 : #b2a3b2 : +10
S : 彩度 ( 9% )
(0%) 渋い ~ 鮮やか (100%)
1 : #abaaac : -8
3 : #aca8ad : -6
5 : #ada7af : -4
7 : #aea5b1 : -2
9 : #afa3b2 : ±0
11 : #b0a2b4 : +2
13 : #b1a0b6 : +4
15 : #b29eb7 : +6
17 : #b39db9 : +8
19 : #b49bbb : +10
21 : #b599bd : +12
23 : #b697be : +14
25 : #b796c0 : +16
27 : #b894c2 : +18
29 : #b992c3 : +20
31 : #bb91c5 : +22
33 : #bc8fc7 : +24
35 : #bd8dc8 : +26
37 : #be8cca : +28
39 : #bf8acc : +30
41 : #c088cd : +32
43 : #c187cf : +34
45 : #c285d1 : +36
47 : #c383d2 : +38
49 : #c482d4 : +40
51 : #c580d6 : +42
53 : #c67ed7 : +44
55 : #c77dd9 : +46
57 : #c87bdb : +48
59 : #c979dc : +50
61 : #ca78de : +52
63 : #cb76e0 : +54
65 : #cc74e2 : +56
67 : #cd72e3 : +58
69 : #ce71e5 : +60
71 : #cf6fe7 : +62
73 : #d06de8 : +64
75 : #d16cea : +66
77 : #d26aec : +68
79 : #d368ed : +70
81 : #d467ef : +72
83 : #d565f1 : +74
85 : #d663f2 : +76
87 : #d762f4 : +78
89 : #d860f6 : +80
91 : #d95ef7 : +82
93 : #da5df9 : +84
95 : #db5bfb : +86
97 : #dc59fc : +88
99 : #dd58fe : +90
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -66
3 : #080708 : -64
5 : #0d0c0e : -62
7 : #131013 : -60
9 : #181519 : -58
11 : #1e1a1f : -56
13 : #231e24 : -54
15 : #28232a : -52
17 : #2e272f : -50
19 : #332c35 : -48
21 : #38313a : -46
23 : #3e3540 : -44
25 : #433a45 : -42
27 : #493f4b : -40
29 : #4e4351 : -38
31 : #534856 : -36
33 : #594d5c : -34
35 : #5e5161 : -32
37 : #635667 : -30
39 : #695a6c : -28
41 : #6e5f72 : -26
43 : #746478 : -24
45 : #79687d : -22
47 : #7e6d83 : -20
49 : #847288 : -18
51 : #89778d : -16
53 : #8e7c92 : -14
55 : #928297 : -12
57 : #97879b : -10
59 : #9c8da0 : -8
61 : #a193a5 : -6
63 : #a698a9 : -4
65 : #ab9eae : -2
67 : #afa3b2 : ±0
69 : #b4a9b7 : +2
71 : #b9aebc : +4
73 : #beb4c0 : +6
75 : #c3bac5 : +8
77 : #c8bfca : +10
79 : #ccc5ce : +12
81 : #d1cad3 : +14
83 : #d6d0d8 : +16
85 : #dbd5dc : +18
87 : #e0dbe1 : +20
89 : #e4e0e5 : +22
91 : #e9e6ea : +24
93 : #eeecef : +26
95 : #f3f1f3 : +28
97 : #f8f7f8 : +30
99 : #fdfcfd : +32
CSS入門、作ってます。
text-shadow