#da92ef
RGB
赤 | 218 |
---|---|
緑 | 146 |
青 | 239 |
HSL
色相 | 286° |
---|---|
彩度 | 74% |
明度 | 75% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 146, 青 = 239 )
HSL ( 色相 = 286°, 彩度 = 74%, 明度 = 75% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ee9a90 : -280
16 : #eea990 : -270
26 : #eeb990 : -260
36 : #eec990 : -250
46 : #eed890 : -240
56 : #eee890 : -230
66 : #e5ee90 : -220
76 : #d5ee90 : -210
86 : #c6ee90 : -200
96 : #b6ee90 : -190
106 : #a6ee90 : -180
116 : #96ee90 : -170
126 : #90ee9a : -160
136 : #90eea9 : -150
146 : #90eeb9 : -140
156 : #90eec9 : -130
166 : #90eed8 : -120
176 : #90eee8 : -110
186 : #90e5ee : -100
196 : #90d5ee : -90
206 : #90c6ee : -80
216 : #90b6ee : -70
226 : #90a6ee : -60
236 : #9096ee : -50
246 : #9a90ee : -40
256 : #a990ee : -30
266 : #b990ee : -20
276 : #c990ee : -10
286 : #d890ee : ±0
296 : #e890ee : +10
306 : #ee90e5 : +20
316 : #ee90d5 : +30
326 : #ee90c6 : +40
336 : #ee90b6 : +50
346 : #ee90a6 : +60
356 : #ee9096 : +70
276 : #c990ee : -10
277 : #ca90ee : -9
278 : #cc90ee : -8
279 : #cd90ee : -7
280 : #cf90ee : -6
281 : #d190ee : -5
282 : #d290ee : -4
283 : #d490ee : -3
284 : #d590ee : -2
285 : #d790ee : -1
286 : #d890ee : ±0
287 : #da90ee : +1
288 : #dc90ee : +2
289 : #dd90ee : +3
290 : #df90ee : +4
291 : #e090ee : +5
292 : #e290ee : +6
293 : #e390ee : +7
294 : #e590ee : +8
295 : #e790ee : +9
296 : #e890ee : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bfbfbf : -74
2 : #c0bec1 : -72
4 : #c1bdc2 : -70
6 : #c1bbc3 : -68
8 : #c2bac4 : -66
10 : #c3b9c6 : -64
12 : #c3b8c7 : -62
14 : #c4b6c8 : -60
16 : #c5b5c9 : -58
18 : #c5b4cb : -56
20 : #c6b3cc : -54
22 : #c7b1cd : -52
24 : #c7b0cf : -50
26 : #c8afd0 : -48
28 : #c9add1 : -46
30 : #c9acd2 : -44
32 : #caabd4 : -42
34 : #cbaad5 : -40
36 : #cba8d6 : -38
38 : #cca7d7 : -36
40 : #cda6d9 : -34
42 : #cea4da : -32
44 : #cea3db : -30
46 : #cfa2dd : -28
48 : #d0a1de : -26
50 : #d09fdf : -24
52 : #d19ee0 : -22
54 : #d29de2 : -20
56 : #d29ce3 : -18
58 : #d39ae4 : -16
60 : #d499e6 : -14
62 : #d498e7 : -12
64 : #d596e8 : -10
66 : #d695e9 : -8
68 : #d694eb : -6
70 : #d793ec : -4
72 : #d891ed : -2
74 : #d890ee : ±0
76 : #d98ff0 : +2
78 : #da8ef1 : +4
80 : #da8cf2 : +6
82 : #db8bf4 : +8
84 : #dc8af5 : +10
86 : #dc88f6 : +12
88 : #dd87f7 : +14
90 : #de86f9 : +16
92 : #df85fa : +18
94 : #df83fb : +20
96 : #e082fc : +22
98 : #e181fe : +24
100 : #e180ff : +26
L : 明度 ( 75% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -74
3 : #0b020d : -72
5 : #120316 : -70
7 : #19051f : -68
9 : #200628 : -66
11 : #270731 : -64
13 : #2e093a : -62
15 : #350a43 : -60
17 : #3c0b4b : -58
19 : #440d54 : -56
21 : #4b0e5d : -54
23 : #520f66 : -52
25 : #59116f : -50
27 : #601278 : -48
29 : #671381 : -46
31 : #6e158a : -44
33 : #751692 : -42
35 : #7c179b : -40
37 : #8419a4 : -38
39 : #8b1aad : -36
41 : #921bb6 : -34
43 : #991dbf : -32
45 : #a01ec8 : -30
47 : #a71fd1 : -28
49 : #ae20d9 : -26
51 : #b326df : -24
53 : #b62ee0 : -22
55 : #ba37e1 : -20
57 : #bd40e2 : -18
59 : #c049e4 : -16
61 : #c352e5 : -14
63 : #c65be6 : -12
65 : #c964e8 : -10
67 : #cc6de9 : -8
69 : #cf75ea : -6
71 : #d27eec : -4
73 : #d587ed : -2
75 : #d890ee : ±0
77 : #db99f0 : +2
79 : #dfa2f1 : +4
81 : #e2abf2 : +6
83 : #e5b4f4 : +8
85 : #e8bcf5 : +10
87 : #ebc5f6 : +12
89 : #eecef8 : +14
91 : #f1d7f9 : +16
93 : #f4e0fa : +18
95 : #f7e9fc : +20
97 : #faf2fd : +22
99 : #fdfbfe : +24
CSS入門、作ってます。
text-shadow