#7acdbc
RGB
| 赤 | 122 |
|---|---|
| 緑 | 205 |
| 青 | 188 |
HSL
| 色相 | 168° |
|---|---|
| 彩度 | 45% |
| 明度 | 64% |
| 輝度 | 70% |
３桁の色
補色
反転色
RGB ( 赤 = 122, 緑 = 205, 青 = 188 )
HSL ( 色相 = 168°, 彩度 = 45%, 明度 = 64% )
H : 色相 ( 168° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #cd857a : -160
18 : #cd937a : -150
28 : #cda07a : -140
38 : #cdae7a : -130
48 : #cdbc7a : -120
58 : #cdca7a : -110
68 : #c1cd7a : -100
78 : #b4cd7a : -90
88 : #a6cd7a : -80
98 : #98cd7a : -70
108 : #8acd7a : -60
118 : #7dcd7a : -50
128 : #7acd85 : -40
138 : #7acd93 : -30
148 : #7acda0 : -20
158 : #7acdae : -10
168 : #7acdbc : ±0
178 : #7acdca : +10
188 : #7ac1cd : +20
198 : #7ab4cd : +30
208 : #7aa6cd : +40
218 : #7a98cd : +50
228 : #7a8acd : +60
238 : #7a7dcd : +70
248 : #857acd : +80
258 : #937acd : +90
268 : #a07acd : +100
278 : #ae7acd : +110
288 : #bc7acd : +120
298 : #ca7acd : +130
308 : #cd7ac1 : +140
318 : #cd7ab4 : +150
328 : #cd7aa6 : +160
338 : #cd7a98 : +170
348 : #cd7a8a : +180
358 : #cd7a7d : +190
158 : #7acdae : -10
159 : #7acdb0 : -9
160 : #7acdb1 : -8
161 : #7acdb2 : -7
162 : #7acdb4 : -6
163 : #7acdb5 : -5
164 : #7acdb6 : -4
165 : #7acdb8 : -3
166 : #7acdb9 : -2
167 : #7acdbb : -1
168 : #7acdbc : ±0
169 : #7acdbd : +1
170 : #7acdbf : +2
171 : #7acdc0 : +3
172 : #7acdc1 : +4
173 : #7acdc3 : +5
174 : #7acdc4 : +6
175 : #7acdc6 : +7
176 : #7acdc7 : +8
177 : #7acdc8 : +9
178 : #7acdca : +10
S : 彩度 ( 45% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a2a4a4 : -44
3 : #a0a6a5 : -42
5 : #9fa8a6 : -40
7 : #9daaa7 : -38
9 : #9baba8 : -36
11 : #99ada9 : -34
13 : #97afaa : -32
15 : #95b1ab : -30
17 : #94b3ad : -28
19 : #92b5ae : -26
21 : #90b6af : -24
23 : #8eb8b0 : -22
25 : #8cbab1 : -20
27 : #8abcb2 : -18
29 : #89beb3 : -16
31 : #87c0b4 : -14
33 : #85c1b5 : -12
35 : #83c3b6 : -10
37 : #81c5b8 : -8
39 : #7fc7b9 : -6
41 : #7ec9ba : -4
43 : #7ccbbb : -2
45 : #7acdbc : ±0
47 : #78cebd : +2
49 : #76d0be : +4
51 : #74d2bf : +6
53 : #73d4c0 : +8
55 : #71d6c1 : +10
57 : #6fd8c3 : +12
59 : #6dd9c4 : +14
61 : #6bdbc5 : +16
63 : #69ddc6 : +18
65 : #68dfc7 : +20
67 : #66e1c8 : +22
69 : #64e3c9 : +24
71 : #62e4ca : +26
73 : #60e6cb : +28
75 : #5ee8cd : +30
77 : #5deace : +32
79 : #5beccf : +34
81 : #59eed0 : +36
83 : #57efd1 : +38
85 : #55f1d2 : +40
87 : #53f3d3 : +42
89 : #51f5d4 : +44
91 : #50f7d5 : +46
93 : #4ef9d6 : +48
95 : #4cfad8 : +50
97 : #4afcd9 : +52
99 : #48feda : +54
L : 明度 ( 64% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -64
2 : #030706 : -62
4 : #060f0d : -60
6 : #081613 : -58
8 : #0b1e1a : -56
10 : #0e2520 : -54
12 : #112c27 : -52
14 : #14342d : -50
16 : #163b34 : -48
18 : #19433a : -46
20 : #1c4a41 : -44
22 : #1f5147 : -42
24 : #22594e : -40
26 : #246054 : -38
28 : #27685b : -36
30 : #2a6f61 : -34
32 : #2d7668 : -32
34 : #307e6e : -30
36 : #328575 : -28
38 : #358d7b : -26
40 : #389482 : -24
42 : #3b9b88 : -22
44 : #3ea38e : -20
46 : #41aa95 : -18
48 : #43b19b : -16
50 : #46b9a2 : -14
52 : #4ebca6 : -12
54 : #55bea9 : -10
56 : #5cc1ad : -8
58 : #64c4b1 : -6
60 : #6bc7b5 : -4
62 : #72cab8 : -2
64 : #7acdbc : ±0
66 : #81cfc0 : +2
68 : #89d2c3 : +4
70 : #90d5c7 : +6
72 : #97d8cb : +8
74 : #9fdbcf : +10
76 : #a6ddd2 : +12
78 : #aee0d6 : +14
80 : #b5e3da : +16
82 : #bce6dd : +18
84 : #c4e9e1 : +20
86 : #cbebe5 : +22
88 : #d3eee9 : +24
90 : #daf1ec : +26
92 : #e1f4f0 : +28
94 : #e9f7f4 : +30
96 : #f0f9f8 : +32
98 : #f8fcfb : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow