#8fa891
RGB
| 赤 | 143 |
|---|---|
| 緑 | 168 |
| 青 | 145 |
HSL
| 色相 | 125° |
|---|---|
| 彩度 | 13% |
| 明度 | 61% |
| 輝度 | 62% |
３桁の色
補色
反転色
RGB ( 赤 = 143, 緑 = 168, 青 = 145 )
HSL ( 色相 = 125°, 彩度 = 13%, 明度 = 61% )
H : 色相 ( 125° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #a8918f : -120
15 : #a8958f : -110
25 : #a8998f : -100
35 : #a89e8f : -90
45 : #a8a28f : -80
55 : #a8a68f : -70
65 : #a6a88f : -60
75 : #a2a88f : -50
85 : #9ea88f : -40
95 : #99a88f : -30
105 : #95a88f : -20
115 : #91a88f : -10
125 : #8fa891 : ±0
135 : #8fa895 : +10
145 : #8fa899 : +20
155 : #8fa89e : +30
165 : #8fa8a2 : +40
175 : #8fa8a6 : +50
185 : #8fa6a8 : +60
195 : #8fa2a8 : +70
205 : #8f9ea8 : +80
215 : #8f99a8 : +90
225 : #8f95a8 : +100
235 : #8f91a8 : +110
245 : #918fa8 : +120
255 : #958fa8 : +130
265 : #998fa8 : +140
275 : #9e8fa8 : +150
285 : #a28fa8 : +160
295 : #a68fa8 : +170
305 : #a88fa6 : +180
315 : #a88fa2 : +190
325 : #a88f9e : +200
335 : #a88f99 : +210
345 : #a88f95 : +220
355 : #a88f91 : +230
115 : #91a88f : -10
116 : #90a88f : -9
117 : #90a88f : -8
118 : #8fa88f : -7
119 : #8fa88f : -6
120 : #8fa88f : -5
121 : #8fa88f : -4
122 : #8fa88f : -3
123 : #8fa890 : -2
124 : #8fa890 : -1
125 : #8fa891 : ±0
126 : #8fa891 : +1
127 : #8fa892 : +2
128 : #8fa892 : +3
129 : #8fa893 : +4
130 : #8fa893 : +5
131 : #8fa893 : +6
132 : #8fa894 : +7
133 : #8fa894 : +8
134 : #8fa895 : +9
135 : #8fa895 : +10
S : 彩度 ( 13% )
(0%) 渋い ～ 鮮やか (100%)
1 : #9b9d9b : -12
3 : #999f99 : -10
5 : #97a197 : -8
7 : #95a396 : -6
9 : #93a594 : -4
11 : #91a692 : -2
13 : #8fa891 : ±0
15 : #8daa8f : +2
17 : #8bac8d : +4
19 : #89ae8c : +6
21 : #87b08a : +8
23 : #85b288 : +10
25 : #83b487 : +12
27 : #81b685 : +14
29 : #7fb884 : +16
31 : #7dba82 : +18
33 : #7bbc80 : +20
35 : #79be7f : +22
37 : #77c07d : +24
39 : #75c27b : +26
41 : #73c47a : +28
43 : #71c678 : +30
45 : #6fc876 : +32
47 : #6dca75 : +34
49 : #6bcc73 : +36
51 : #69ce71 : +38
53 : #67d070 : +40
55 : #65d26e : +42
57 : #63d46c : +44
59 : #61d66b : +46
61 : #5fd869 : +48
63 : #5dda67 : +50
65 : #5bdc66 : +52
67 : #59de64 : +54
69 : #57e062 : +56
71 : #55e261 : +58
73 : #53e45f : +60
75 : #51e65d : +62
77 : #4fe85c : +64
79 : #4dea5a : +66
81 : #4bec58 : +68
83 : #49ee57 : +70
85 : #47f055 : +72
87 : #45f253 : +74
89 : #43f452 : +76
91 : #41f650 : +78
93 : #3ff84e : +80
95 : #3dfa4d : +82
97 : #3bfc4b : +84
99 : #39fe4a : +86
L : 明度 ( 61% )
(0%) 暗い ～ 明るい (100%)
1 : #020302 : -60
3 : #070907 : -58
5 : #0b0e0b : -56
7 : #101410 : -54
9 : #141a14 : -52
11 : #182019 : -50
13 : #1d251e : -48
15 : #212b22 : -46
17 : #263127 : -44
19 : #2a372b : -42
21 : #2f3d30 : -40
23 : #334234 : -38
25 : #374839 : -36
27 : #3c4e3d : -34
29 : #405442 : -32
31 : #455946 : -30
33 : #495f4b : -28
35 : #4e6550 : -26
37 : #526b54 : -24
39 : #577059 : -22
41 : #5b765d : -20
43 : #5f7c62 : -18
45 : #648266 : -16
47 : #68876b : -14
49 : #6d8d6f : -12
51 : #729275 : -10
53 : #78977a : -8
55 : #7d9b80 : -6
57 : #83a085 : -4
59 : #89a48b : -2
61 : #8fa891 : ±0
63 : #94ad96 : +2
65 : #9ab19c : +4
67 : #a0b6a2 : +6
69 : #a6baa7 : +8
71 : #abbfad : +10
73 : #b1c3b3 : +12
75 : #b7c8b8 : +14
77 : #bdccbe : +16
79 : #c2d0c4 : +18
81 : #c8d5c9 : +20
83 : #ced9cf : +22
85 : #d4ded5 : +24
87 : #dae2da : +26
89 : #dfe7e0 : +28
91 : #e5ebe6 : +30
93 : #ebefeb : +32
95 : #f1f4f1 : +34
97 : #f6f8f7 : +36
99 : #fcfdfc : +38
CSS入門、作ってます。
text-shadow