#8a92fe
RGB
赤 | 138 |
---|---|
緑 | 146 |
青 | 254 |
HSL
色相 | 236° |
---|---|
彩度 | 98% |
明度 | 77% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 138, 緑 = 146, 青 = 254 )
HSL ( 色相 = 236°, 彩度 = 98%, 明度 = 77% )
H : 色相 ( 236° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fe968b : -230
16 : #feaa8b : -220
26 : #febd8b : -210
36 : #fed08b : -200
46 : #fee38b : -190
56 : #fef68b : -180
66 : #f2fe8b : -170
76 : #dffe8b : -160
86 : #ccfe8b : -150
96 : #b9fe8b : -140
106 : #a6fe8b : -130
116 : #93fe8b : -120
126 : #8bfe96 : -110
136 : #8bfeaa : -100
146 : #8bfebd : -90
156 : #8bfed0 : -80
166 : #8bfee3 : -70
176 : #8bfef6 : -60
186 : #8bf2fe : -50
196 : #8bdffe : -40
206 : #8bccfe : -30
216 : #8bb9fe : -20
226 : #8ba6fe : -10
236 : #8b93fe : ±0
246 : #968bfe : +10
256 : #aa8bfe : +20
266 : #bd8bfe : +30
276 : #d08bfe : +40
286 : #e38bfe : +50
296 : #f68bfe : +60
306 : #fe8bf2 : +70
316 : #fe8bdf : +80
326 : #fe8bcc : +90
336 : #fe8bb9 : +100
346 : #fe8ba6 : +110
356 : #fe8b93 : +120
226 : #8ba6fe : -10
227 : #8ba4fe : -9
228 : #8ba2fe : -8
229 : #8ba0fe : -7
230 : #8b9efe : -6
231 : #8b9cfe : -5
232 : #8b9afe : -4
233 : #8b98fe : -3
234 : #8b96fe : -2
235 : #8b94fe : -1
236 : #8b93fe : ±0
237 : #8b91fe : +1
238 : #8b8ffe : +2
239 : #8b8dfe : +3
240 : #8b8bfe : +4
241 : #8d8bfe : +5
242 : #8f8bfe : +6
243 : #918bfe : +7
244 : #938bfe : +8
245 : #948bfe : +9
246 : #968bfe : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c4c4c4 : -98
2 : #c3c3c6 : -96
4 : #c2c2c7 : -94
6 : #c1c1c8 : -92
8 : #c0c0c9 : -90
10 : #bebfca : -88
12 : #bdbecb : -86
14 : #bcbdcd : -84
16 : #bbbcce : -82
18 : #babbcf : -80
20 : #b9bad0 : -78
22 : #b7b9d1 : -76
24 : #b6b8d2 : -74
26 : #b5b7d4 : -72
28 : #b4b6d5 : -70
30 : #b3b5d6 : -68
32 : #b2b4d7 : -66
34 : #b0b3d8 : -64
36 : #afb2d9 : -62
38 : #aeb1db : -60
40 : #adb0dc : -58
42 : #acafdd : -56
44 : #abaede : -54
46 : #a9addf : -52
48 : #a8ace1 : -50
50 : #a7abe2 : -48
52 : #a6aae3 : -46
54 : #a5a9e4 : -44
56 : #a4a8e5 : -42
58 : #a2a7e6 : -40
60 : #a1a6e8 : -38
62 : #a0a5e9 : -36
64 : #9fa4ea : -34
66 : #9ea3eb : -32
68 : #9ca2ec : -30
70 : #9ba1ed : -28
72 : #9aa0ef : -26
74 : #999ff0 : -24
76 : #989ef1 : -22
78 : #979df2 : -20
80 : #959cf3 : -18
82 : #949bf4 : -16
84 : #939af6 : -14
86 : #9299f7 : -12
88 : #9198f8 : -10
90 : #9097f9 : -8
92 : #8e96fa : -6
94 : #8d95fb : -4
96 : #8c94fd : -2
98 : #8b93fe : ±0
100 : #8a92ff : +2
L : 明度 ( 77% )
(0%) 暗い ~ 明るい (100%)
1 : #000005 : -76
3 : #00010f : -74
5 : #000219 : -72
7 : #000323 : -70
9 : #00032d : -68
11 : #010438 : -66
13 : #010542 : -64
15 : #01064c : -62
17 : #010756 : -60
19 : #010760 : -58
21 : #01086a : -56
23 : #010974 : -54
25 : #010a7e : -52
27 : #010a88 : -50
29 : #010b92 : -48
31 : #020c9d : -46
33 : #020da7 : -44
35 : #020db1 : -42
37 : #020ebb : -40
39 : #020fc5 : -38
41 : #0210cf : -36
43 : #0211d9 : -34
45 : #0211e3 : -32
47 : #0212ed : -30
49 : #0213f7 : -28
51 : #0818fd : -26
53 : #1221fd : -24
55 : #1c2bfd : -22
57 : #2634fd : -20
59 : #303efd : -18
61 : #3a47fd : -16
63 : #4451fd : -14
65 : #4e5afd : -12
67 : #5863fd : -10
69 : #626dfd : -8
71 : #6d76fe : -6
73 : #7780fe : -4
75 : #8189fe : -2
77 : #8b93fe : ±0
79 : #959cfe : +2
81 : #9fa5fe : +4
83 : #a9affe : +6
85 : #b3b8fe : +8
87 : #bdc2fe : +10
89 : #c7cbfe : +12
91 : #d2d5ff : +14
93 : #dcdeff : +16
95 : #e6e7ff : +18
97 : #f0f1ff : +20
99 : #fafaff : +22
CSS入門、作ってます。
text-shadow