#6cea89
RGB
赤 | 108 |
---|---|
緑 | 234 |
青 | 137 |
HSL
色相 | 134° |
---|---|
彩度 | 75% |
明度 | 67% |
輝度 | 73% |
3桁の色
補色
反転色
RGB ( 赤 = 108, 緑 = 234, 青 = 137 )
HSL ( 色相 = 134°, 彩度 = 75%, 明度 = 67% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ea746c : -130
14 : #ea896c : -120
24 : #ea9e6c : -110
34 : #eab36c : -100
44 : #eac86c : -90
54 : #eadd6c : -80
64 : #e2ea6c : -70
74 : #cdea6c : -60
84 : #b7ea6c : -50
94 : #a2ea6c : -40
104 : #8dea6c : -30
114 : #78ea6c : -20
124 : #6cea74 : -10
134 : #6cea89 : ±0
144 : #6cea9e : +10
154 : #6ceab3 : +20
164 : #6ceac8 : +30
174 : #6ceadd : +40
184 : #6ce2ea : +50
194 : #6ccdea : +60
204 : #6cb7ea : +70
214 : #6ca2ea : +80
224 : #6c8dea : +90
234 : #6c78ea : +100
244 : #746cea : +110
254 : #896cea : +120
264 : #9e6cea : +130
274 : #b36cea : +140
284 : #c86cea : +150
294 : #dd6cea : +160
304 : #ea6ce2 : +170
314 : #ea6ccd : +180
324 : #ea6cb7 : +190
334 : #ea6ca2 : +200
344 : #ea6c8d : +210
354 : #ea6c78 : +220
124 : #6cea74 : -10
125 : #6cea76 : -9
126 : #6cea78 : -8
127 : #6cea7a : -7
128 : #6cea7d : -6
129 : #6cea7f : -5
130 : #6cea81 : -4
131 : #6cea83 : -3
132 : #6cea85 : -2
133 : #6cea87 : -1
134 : #6cea89 : ±0
135 : #6cea8b : +1
136 : #6cea8d : +2
137 : #6cea90 : +3
138 : #6cea92 : +4
139 : #6cea94 : +5
140 : #6cea96 : +6
141 : #6cea98 : +7
142 : #6cea9a : +8
143 : #6cea9c : +9
144 : #6cea9e : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #aaacaa : -74
3 : #a8adaa : -72
5 : #a7afa9 : -70
7 : #a5b1a8 : -68
9 : #a3b2a7 : -66
11 : #a2b4a6 : -64
13 : #a0b6a5 : -62
15 : #9eb7a4 : -60
17 : #9db9a3 : -58
19 : #9bbba2 : -56
21 : #99bda1 : -54
23 : #97bea1 : -52
25 : #96c0a0 : -50
27 : #94c29f : -48
29 : #92c39e : -46
31 : #91c59d : -44
33 : #8fc79c : -42
35 : #8dc89b : -40
37 : #8cca9a : -38
39 : #8acc99 : -36
41 : #88cd98 : -34
43 : #87cf98 : -32
45 : #85d197 : -30
47 : #83d296 : -28
49 : #82d495 : -26
51 : #80d694 : -24
53 : #7ed793 : -22
55 : #7dd992 : -20
57 : #7bdb91 : -18
59 : #79dc90 : -16
61 : #78de8f : -14
63 : #76e08f : -12
65 : #74e28e : -10
67 : #72e38d : -8
69 : #71e58c : -6
71 : #6fe78b : -4
73 : #6de88a : -2
75 : #6cea89 : ±0
77 : #6aec88 : +2
79 : #68ed87 : +4
81 : #67ef86 : +6
83 : #65f186 : +8
85 : #63f285 : +10
87 : #62f484 : +12
89 : #60f683 : +14
91 : #5ef782 : +16
93 : #5df981 : +18
95 : #5bfb80 : +20
97 : #59fc7f : +22
99 : #58fe7e : +24
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -66
3 : #020d05 : -64
5 : #031608 : -62
7 : #041f0b : -60
9 : #06280e : -58
11 : #073111 : -56
13 : #083a14 : -54
15 : #0a4317 : -52
17 : #0b4c1a : -50
19 : #0c551d : -48
21 : #0d5e20 : -46
23 : #0f6723 : -44
25 : #107026 : -42
27 : #117829 : -40
29 : #12812c : -38
31 : #148a2f : -36
33 : #159332 : -34
35 : #169c36 : -32
37 : #18a539 : -30
39 : #19ae3c : -28
41 : #1ab73f : -26
43 : #1bc042 : -24
45 : #1dc945 : -22
47 : #1ed248 : -20
49 : #1fdb4b : -18
51 : #24e050 : -16
53 : #2de157 : -14
55 : #36e25e : -12
57 : #3fe465 : -10
59 : #48e56d : -8
61 : #51e674 : -6
63 : #5ae77b : -4
65 : #63e982 : -2
67 : #6cea89 : ±0
69 : #75eb90 : +2
71 : #7eed97 : +4
73 : #87ee9f : +6
75 : #8fefa6 : +8
77 : #98f0ad : +10
79 : #a1f2b4 : +12
81 : #aaf3bb : +14
83 : #b3f4c2 : +16
85 : #bcf5c9 : +18
87 : #c5f7d1 : +20
89 : #cef8d8 : +22
91 : #d7f9df : +24
93 : #e0fbe6 : +26
95 : #e9fced : +28
97 : #f2fdf4 : +30
99 : #fbfefb : +32
CSS入門、作ってます。
text-shadow