#95f1bb
RGB
| 赤 | 149 |
|---|---|
| 緑 | 241 |
| 青 | 187 |
HSL
| 色相 | 145° |
|---|---|
| 彩度 | 77% |
| 明度 | 76% |
| 輝度 | 81% |
３桁の色
補色
反転色
RGB ( 赤 = 149, 緑 = 241, 青 = 187 )
HSL ( 色相 = 145°, 彩度 = 77%, 明度 = 76% )
H : 色相 ( 145° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #f19b93 : -140
15 : #f1aa93 : -130
25 : #f1ba93 : -120
35 : #f1ca93 : -110
45 : #f1d993 : -100
55 : #f1e993 : -90
65 : #e9f193 : -80
75 : #d9f193 : -70
85 : #caf193 : -60
95 : #baf193 : -50
105 : #aaf193 : -40
115 : #9bf193 : -30
125 : #93f19b : -20
135 : #93f1aa : -10
145 : #93f1ba : ±0
155 : #93f1ca : +10
165 : #93f1d9 : +20
175 : #93f1e9 : +30
185 : #93e9f1 : +40
195 : #93d9f1 : +50
205 : #93caf1 : +60
215 : #93baf1 : +70
225 : #93aaf1 : +80
235 : #939bf1 : +90
245 : #9b93f1 : +100
255 : #aa93f1 : +110
265 : #ba93f1 : +120
275 : #ca93f1 : +130
285 : #d993f1 : +140
295 : #e993f1 : +150
305 : #f193e9 : +160
315 : #f193d9 : +170
325 : #f193ca : +180
335 : #f193ba : +190
345 : #f193aa : +200
355 : #f1939b : +210
135 : #93f1aa : -10
136 : #93f1ac : -9
137 : #93f1ad : -8
138 : #93f1af : -7
139 : #93f1b1 : -6
140 : #93f1b2 : -5
141 : #93f1b4 : -4
142 : #93f1b5 : -3
143 : #93f1b7 : -2
144 : #93f1b8 : -1
145 : #93f1ba : ±0
146 : #93f1bc : +1
147 : #93f1bd : +2
148 : #93f1bf : +3
149 : #93f1c0 : +4
150 : #93f1c2 : +5
151 : #93f1c3 : +6
152 : #93f1c5 : +7
153 : #93f1c7 : +8
154 : #93f1c8 : +9
155 : #93f1ca : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #c1c2c2 : -76
3 : #c0c4c1 : -74
5 : #bfc5c1 : -72
7 : #bec6c1 : -70
9 : #bcc7c1 : -68
11 : #bbc9c1 : -66
13 : #bacac0 : -64
15 : #b9cbc0 : -62
17 : #b7ccc0 : -60
19 : #b6cdc0 : -58
21 : #b5cfc0 : -56
23 : #b4d0bf : -54
25 : #b3d1bf : -52
27 : #b1d2bf : -50
29 : #b0d4bf : -48
31 : #afd5bf : -46
33 : #aed6be : -44
35 : #acd7be : -42
37 : #abd8be : -40
39 : #aadabe : -38
41 : #a9dbbe : -36
43 : #a7dcbd : -34
45 : #a6ddbd : -32
47 : #a5dfbd : -30
49 : #a4e0bd : -28
51 : #a3e1bd : -26
53 : #a1e2bc : -24
55 : #a0e3bc : -22
57 : #9fe5bc : -20
59 : #9ee6bc : -18
61 : #9ce7bc : -16
63 : #9be8bb : -14
65 : #9aeabb : -12
67 : #99ebbb : -10
69 : #98ecbb : -8
71 : #96edbb : -6
73 : #95eeba : -4
75 : #94f0ba : -2
77 : #93f1ba : ±0
79 : #91f2ba : +2
81 : #90f3ba : +4
83 : #8ff5b9 : +6
85 : #8ef6b9 : +8
87 : #8df7b9 : +10
89 : #8bf8b9 : +12
91 : #8af9b9 : +14
93 : #89fbb8 : +16
95 : #88fcb8 : +18
97 : #86fdb8 : +20
99 : #85feb8 : +22
L : 明度 ( 76% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -76
2 : #010904 : -74
4 : #021209 : -72
6 : #041b0d : -70
8 : #052412 : -68
10 : #062d16 : -66
12 : #07361b : -64
14 : #083f1f : -62
16 : #094824 : -60
18 : #0b5128 : -58
20 : #0c5a2c : -56
22 : #0d6331 : -54
24 : #0e6c35 : -52
26 : #0f753a : -50
28 : #107e3e : -48
30 : #128743 : -46
32 : #139047 : -44
34 : #14994c : -42
36 : #15a250 : -40
38 : #16ac54 : -38
40 : #17b559 : -36
42 : #19be5d : -34
44 : #1ac762 : -32
46 : #1bd066 : -30
48 : #1cd96b : -28
50 : #1de26f : -26
52 : #26e375 : -24
54 : #2fe47b : -22
56 : #38e580 : -20
58 : #41e686 : -18
60 : #4ae88c : -16
62 : #53e992 : -14
64 : #5dea97 : -12
66 : #66eb9d : -10
68 : #6feca3 : -8
70 : #78eda9 : -6
72 : #81efae : -4
74 : #8af0b4 : -2
76 : #93f1ba : ±0
78 : #9cf2c0 : +2
80 : #a5f3c5 : +4
82 : #aef4cb : +6
84 : #b7f6d1 : +8
86 : #c0f7d7 : +10
88 : #c9f8dc : +12
90 : #d2f9e2 : +14
92 : #dbfae8 : +16
94 : #e4fbee : +18
96 : #edfdf3 : +20
98 : #f6fef9 : +22
100 : #ffffff : +24
CSS入門、作ってます。
text-shadow