#eecde5
RGB
| 赤 | 238 |
|---|---|
| 緑 | 205 |
| 青 | 229 |
HSL
| 色相 | 316° |
|---|---|
| 彩度 | 49% |
| 明度 | 87% |
| 輝度 | 85% |
３桁の色
補色
反転色
RGB ( 赤 = 238, 緑 = 205, 青 = 229 )
HSL ( 色相 = 316°, 彩度 = 49%, 明度 = 87% )
H : 色相 ( 316° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #eed1ce : -310
16 : #eed6ce : -300
26 : #eedcce : -290
36 : #eee1ce : -280
46 : #eee7ce : -270
56 : #eeecce : -260
66 : #ebeece : -250
76 : #e5eece : -240
86 : #e0eece : -230
96 : #dbeece : -220
106 : #d5eece : -210
116 : #d0eece : -200
126 : #ceeed1 : -190
136 : #ceeed6 : -180
146 : #ceeedc : -170
156 : #ceeee1 : -160
166 : #ceeee7 : -150
176 : #ceeeec : -140
186 : #ceebee : -130
196 : #cee5ee : -120
206 : #cee0ee : -110
216 : #cedbee : -100
226 : #ced5ee : -90
236 : #ced0ee : -80
246 : #d1ceee : -70
256 : #d6ceee : -60
266 : #dcceee : -50
276 : #e1ceee : -40
286 : #e7ceee : -30
296 : #ecceee : -20
306 : #eeceeb : -10
316 : #eecee5 : ±0
326 : #eecee0 : +10
336 : #eecedb : +20
346 : #eeced5 : +30
356 : #eeced0 : +40
306 : #eeceeb : -10
307 : #eeceea : -9
308 : #eeceea : -8
309 : #eecee9 : -7
310 : #eecee9 : -6
311 : #eecee8 : -5
312 : #eecee8 : -4
313 : #eecee7 : -3
314 : #eecee7 : -2
315 : #eecee6 : -1
316 : #eecee5 : ±0
317 : #eecee5 : +1
318 : #eecee4 : +2
319 : #eecee4 : +3
320 : #eecee3 : +4
321 : #eecee3 : +5
322 : #eecee2 : +6
323 : #eecee2 : +7
324 : #eecee1 : +8
325 : #eecee1 : +9
326 : #eecee0 : +10
S : 彩度 ( 49% )
(0%) 渋い ～ 鮮やか (100%)
1 : #dedede : -48
3 : #dfddde : -46
5 : #e0dcdf : -44
7 : #e0dcdf : -42
9 : #e1dbdf : -40
11 : #e1dae0 : -38
13 : #e2dae0 : -36
15 : #e3d9e0 : -34
17 : #e3d8e0 : -32
19 : #e4d8e1 : -30
21 : #e5d7e1 : -28
23 : #e5d6e1 : -26
25 : #e6d6e2 : -24
27 : #e7d5e2 : -22
29 : #e7d4e2 : -20
31 : #e8d4e3 : -18
33 : #e9d3e3 : -16
35 : #e9d2e3 : -14
37 : #ead2e4 : -12
39 : #ebd1e4 : -10
41 : #ebd0e4 : -8
43 : #ecd0e5 : -6
45 : #edcfe5 : -4
47 : #edcee5 : -2
49 : #eecee5 : ±0
51 : #efcde6 : +2
53 : #efcce6 : +4
55 : #f0cce6 : +6
57 : #f1cbe7 : +8
59 : #f1cae7 : +10
61 : #f2cae7 : +12
63 : #f3c9e8 : +14
65 : #f3c8e8 : +16
67 : #f4c8e8 : +18
69 : #f5c7e9 : +20
71 : #f5c6e9 : +22
73 : #f6c6e9 : +24
75 : #f7c5e9 : +26
77 : #f7c4ea : +28
79 : #f8c4ea : +30
81 : #f9c3ea : +32
83 : #f9c2eb : +34
85 : #fac2eb : +36
87 : #fbc1eb : +38
89 : #fbc0ec : +40
91 : #fcc0ec : +42
93 : #fdbfec : +44
95 : #fdbeed : +46
97 : #febeed : +48
99 : #ffbded : +50
L : 明度 ( 87% )
(0%) 暗い ～ 明るい (100%)
1 : #040103 : -86
3 : #0b0409 : -84
5 : #130710 : -82
7 : #1b0916 : -80
9 : #220c1c : -78
11 : #2a0e22 : -76
13 : #311129 : -74
15 : #39142f : -72
17 : #411635 : -70
19 : #48193c : -68
21 : #501b42 : -66
23 : #571e48 : -64
25 : #5f214e : -62
27 : #672355 : -60
29 : #6e265b : -58
31 : #762861 : -56
33 : #7d2b67 : -54
35 : #852e6e : -52
37 : #8d3074 : -50
39 : #94337a : -48
41 : #9c3580 : -46
43 : #a33887 : -44
45 : #ab3b8d : -42
47 : #b33d93 : -40
49 : #ba409a : -38
51 : #bf459f : -36
53 : #c24ca3 : -34
55 : #c454a6 : -32
57 : #c75caa : -30
59 : #ca63ae : -28
61 : #cc6bb2 : -26
63 : #cf72b6 : -24
65 : #d17aba : -22
67 : #d482be : -20
69 : #d789c2 : -18
71 : #d991c6 : -16
73 : #dc98ca : -14
75 : #dea0ce : -12
77 : #e1a8d2 : -10
79 : #e4afd6 : -8
81 : #e6b7da : -6
83 : #e9bede : -4
85 : #ebc6e1 : -2
87 : #eecee5 : ±0
89 : #f1d5e9 : +2
91 : #f3dded : +4
93 : #f6e4f1 : +6
95 : #f8ecf5 : +8
97 : #fbf4f9 : +10
99 : #fefbfd : +12
CSS入門、作ってます。
text-shadow