#e5fd5d
RGB
| 赤 | 229 |
|---|---|
| 緑 | 253 |
| 青 | 93 |
HSL
| 色相 | 69° |
|---|---|
| 彩度 | 98% |
| 明度 | 68% |
| 輝度 | 89% |
３桁の色
補色
反転色
RGB ( 赤 = 229, 緑 = 253, 青 = 93 )
HSL ( 色相 = 69°, 彩度 = 98%, 明度 = 68% )
H : 色相 ( 69° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #fd755d : -60
19 : #fd905d : -50
29 : #fdab5d : -40
39 : #fdc55d : -30
49 : #fde05d : -20
59 : #fdfb5d : -10
69 : #e5fd5d : ±0
79 : #cbfd5d : +10
89 : #b0fd5d : +20
99 : #95fd5d : +30
109 : #7bfd5d : +40
119 : #60fd5d : +50
129 : #5dfd75 : +60
139 : #5dfd90 : +70
149 : #5dfdab : +80
159 : #5dfdc5 : +90
169 : #5dfde0 : +100
179 : #5dfdfb : +110
189 : #5de5fd : +120
199 : #5dcbfd : +130
209 : #5db0fd : +140
219 : #5d95fd : +150
229 : #5d7bfd : +160
239 : #5d60fd : +170
249 : #755dfd : +180
259 : #905dfd : +190
269 : #ab5dfd : +200
279 : #c55dfd : +210
289 : #e05dfd : +220
299 : #fb5dfd : +230
309 : #fd5de5 : +240
319 : #fd5dcb : +250
329 : #fd5db0 : +260
339 : #fd5d95 : +270
349 : #fd5d7b : +280
359 : #fd5d60 : +290
59 : #fdfb5d : -10
60 : #fdfd5d : -9
61 : #fbfd5d : -8
62 : #f8fd5d : -7
63 : #f5fd5d : -6
64 : #f3fd5d : -5
65 : #f0fd5d : -4
66 : #edfd5d : -3
67 : #ebfd5d : -2
68 : #e8fd5d : -1
69 : #e5fd5d : ±0
70 : #e3fd5d : +1
71 : #e0fd5d : +2
72 : #ddfd5d : +3
73 : #dbfd5d : +4
74 : #d8fd5d : +5
75 : #d5fd5d : +6
76 : #d3fd5d : +7
77 : #d0fd5d : +8
78 : #cdfd5d : +9
79 : #cbfd5d : +10
S : 彩度 ( 98% )
(0%) 渋い ～ 鮮やか (100%)
0 : #adadad : -98
2 : #afafac : -96
4 : #b0b1aa : -94
6 : #b1b2a9 : -92
8 : #b2b4a7 : -90
10 : #b3b6a5 : -88
12 : #b4b7a4 : -86
14 : #b5b9a2 : -84
16 : #b7baa0 : -82
18 : #b8bc9f : -80
20 : #b9be9d : -78
22 : #babf9b : -76
24 : #bbc19a : -74
26 : #bcc398 : -72
28 : #bdc497 : -70
30 : #bfc695 : -68
32 : #c0c893 : -66
34 : #c1c992 : -64
36 : #c2cb90 : -62
38 : #c3cc8e : -60
40 : #c4ce8d : -58
42 : #c5d08b : -56
44 : #c7d189 : -54
46 : #c8d388 : -52
48 : #c9d586 : -50
50 : #cad685 : -48
52 : #cbd883 : -46
54 : #ccd981 : -44
56 : #cddb80 : -42
58 : #cfdd7e : -40
60 : #d0de7c : -38
62 : #d1e07b : -36
64 : #d2e279 : -34
66 : #d3e378 : -32
68 : #d4e576 : -30
70 : #d5e774 : -28
72 : #d7e873 : -26
74 : #d8ea71 : -24
76 : #d9eb6f : -22
78 : #daed6e : -20
80 : #dbef6c : -18
82 : #dcf06a : -16
84 : #ddf269 : -14
86 : #dff467 : -12
88 : #e0f566 : -10
90 : #e1f764 : -8
92 : #e2f862 : -6
94 : #e3fa61 : -4
96 : #e4fc5f : -2
98 : #e5fd5d : ±0
100 : #e7ff5c : +2
L : 明度 ( 68% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -68
2 : #090a00 : -66
4 : #111400 : -64
6 : #1a1e00 : -62
8 : #222800 : -60
10 : #2b3201 : -58
12 : #343d01 : -56
14 : #3c4701 : -54
16 : #455101 : -52
18 : #4d5b01 : -50
20 : #566501 : -48
22 : #5f6f01 : -46
24 : #677901 : -44
26 : #708301 : -42
28 : #788d01 : -40
30 : #819702 : -38
32 : #8aa202 : -36
34 : #92ac02 : -34
36 : #9bb602 : -32
38 : #a3c002 : -30
40 : #acca02 : -28
42 : #b5d402 : -26
44 : #bdde02 : -24
46 : #c6e802 : -22
48 : #cef202 : -20
50 : #d7fc03 : -18
52 : #d9fd0d : -16
54 : #dafd17 : -14
56 : #dcfd21 : -12
58 : #ddfd2b : -10
60 : #dffd35 : -8
62 : #e1fd3f : -6
64 : #e2fd49 : -4
66 : #e4fd53 : -2
68 : #e5fd5d : ±0
70 : #e7fd68 : +2
72 : #e9fe72 : +4
74 : #eafe7c : +6
76 : #ecfe86 : +8
78 : #edfe90 : +10
80 : #effe9a : +12
82 : #f1fea4 : +14
84 : #f2feae : +16
86 : #f4feb8 : +18
88 : #f5fec2 : +20
90 : #f7fecd : +22
92 : #f9ffd7 : +24
94 : #faffe1 : +26
96 : #fcffeb : +28
98 : #fdfff5 : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow